Container Color Palette
The LSCG Web Framework uses background colors from the UCSB color palette by default. Text, links and icon colors were picked for AAA WCAG contrast accessibility standards.
Accessibility
Tested with Site Improve and WAVE
AAA WCAG Color Palette
Light Grey #DCE1E5
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam consequat mollis felis, eu iaculis dolor. Nulla quis ante eu libero ullamcorper finibus. Donec at semper augue, sit amet ultrices odio. Nunc hendrerit dictum lacus, vitae lobortis lectus faucibus ut. Nullam magna est, lacinia vel hendrerit et, pulvinar id dui. In a nulla vel mi suscipit mollis et eget sapien. Sed dictum quam sit amet rhoncus euismod. Etiam tempus nibh ut mauris viverra efficitur. Vestibulum urna odio, ornare ac purus in, imperdiet cursus nulla.
Medium Grey #5E707E
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam consequat mollis felis, eu iaculis dolor. Nulla quis ante eu libero ullamcorper finibus. Donec at semper augue, sit amet ultrices odio. Nunc hendrerit dictum lacus, vitae lobortis lectus faucibus ut. Nullam magna est, lacinia vel hendrerit et, pulvinar id dui. In a nulla vel mi suscipit mollis et eget sapien. Sed dictum quam sit amet rhoncus euismod. Etiam tempus nibh ut mauris viverra efficitur. Vestibulum urna odio, ornare ac purus in, imperdiet cursus nulla.
Dark Grey #3D4952
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam consequat mollis felis, eu iaculis dolor. Nulla quis ante eu libero ullamcorper finibus. Donec at semper augue, sit amet ultrices odio. Nunc hendrerit dictum lacus, vitae lobortis lectus faucibus ut. Nullam magna est, lacinia vel hendrerit et, pulvinar id dui. In a nulla vel mi suscipit mollis et eget sapien. Sed dictum quam sit amet rhoncus euismod. Etiam tempus nibh ut mauris viverra efficitur. Vestibulum urna odio, ornare ac purus in, imperdiet cursus nulla.
Aqua #036B7D
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam consequat mollis felis, eu iaculis dolor. Nulla quis ante eu libero ullamcorper finibus. Donec at semper augue, sit amet ultrices odio. Nunc hendrerit dictum lacus, vitae lobortis lectus faucibus ut. Nullam magna est, lacinia vel hendrerit et, pulvinar id dui. In a nulla vel mi suscipit mollis et eget sapien. Sed dictum quam sit amet rhoncus euismod. Etiam tempus nibh ut mauris viverra efficitur. Vestibulum urna odio, ornare ac purus in, imperdiet cursus nulla.
Seagreen #076F65
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam consequat mollis felis, eu iaculis dolor. Nulla quis ante eu libero ullamcorper finibus. Donec at semper augue, sit amet ultrices odio. Nunc hendrerit dictum lacus, vitae lobortis lectus faucibus ut. Nullam magna est, lacinia vel hendrerit et, pulvinar id dui. In a nulla vel mi suscipit mollis et eget sapien. Sed dictum quam sit amet rhoncus euismod. Etiam tempus nibh ut mauris viverra efficitur. Vestibulum urna odio, ornare ac purus in, imperdiet cursus nulla.
Mist #9CBEBE
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam consequat mollis felis, eu iaculis dolor. Nulla quis ante eu libero ullamcorper finibus. Donec at semper augue, sit amet ultrices odio. Nunc hendrerit dictum lacus, vitae lobortis lectus faucibus ut. Nullam magna est, lacinia vel hendrerit et, pulvinar id dui. In a nulla vel mi suscipit mollis et eget sapien. Sed dictum quam sit amet rhoncus euismod. Etiam tempus nibh ut mauris viverra efficitur. Vestibulum urna odio, ornare ac purus in, imperdiet cursus nulla.
Sandstone #c9bf9d
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam consequat mollis felis, eu iaculis dolor. Nulla quis ante eu libero ullamcorper finibus. Donec at semper augue, sit amet ultrices odio. Nunc hendrerit dictum lacus, vitae lobortis lectus faucibus ut. Nullam magna est, lacinia vel hendrerit et, pulvinar id dui. In a nulla vel mi suscipit mollis et eget sapien. Sed dictum quam sit amet rhoncus euismod. Etiam tempus nibh ut mauris viverra efficitur. Vestibulum urna odio, ornare ac purus in, imperdiet cursus nulla.
