Tempered Lagoon Terrace color palette — #EFF7F8 · #D6DBE2 · #BABFD7 · #26857A · #3E4A4D

Teal and Ash set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#EFF7F8): a clean, paper-quiet neutral.
• Silver (#D6DBE2): bright and airy, almost weightless.
• Ash (#BABFD7): A luminous, dusty violet — the color of a velvet chair.
• Teal (#26857A): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal (#3E4A4D): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Tempered Lagoon Terrace into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Cerulean Corridor color palette (#EFF6FA, #D9DAE3, #B7A9AD, #60889D, #4C5458)
• Tempered Petrol Bloom color palette (#EFF6FC, #DBD8EC, #B6BAD7, #0071A8, #34424D)
• Weathered Cypress color palette (#EEF4ED, #CDDBD8, #ABC3C0, #45817F, #272F26)
• Muted Olive color palette (#F0F8F1, #8DBBA9, #55804C, #3A6169, #30493F)
• Dusty Cerulean Quarry color palette (#E9F1F4, #96ADBB, #6582A4, #004041, #04171C)
• Muted Veranda color palette (#E1E7F2, #B6B7C8, #9188A8, #2F3A8A, #191F2B)
• Antique Petrol color palette (#FFF0F8, #38AC9C, #1071A5, #793914, #23424D)
• Hushed Villa color palette (#E5FAFB, #3C9C7E, #6653A4, #6F3702, #413804)

Browse the whole catalog at Explore, or see today's palette.