Tempered Lagoon color palette — #ECF8FB · #D6D8CC · #499492 · #214D57 · #101E21

Storm Blue takes the lead with Charcoal close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#ECF8FB): a clean, paper-quiet neutral.
• Silver (#D6D8CC): a clean, paper-quiet neutral.
• Storm Blue (#499492): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal (#214D57): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#101E21): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Tempered Lagoon 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

• Cobalt Station color palette (#EFF6FE, #FFDEC5, #4779B0, #1C3A5A, #06101B)
• Wandering Olive Dune color palette (#F1F8EB, #DBE5AA, #71AD97, #5B7839, #292D24)
• Stone Garden color palette (#ECF4ED, #E8B4B3, #486B50, #1E3824, #0E1610)
• Teal Lantern color palette (#EFF7F8, #C1DBF3, #A1A6F2, #2AB0A1, #1A1E29)
• Weathered Meadow color palette (#E8F9F7, #99D594, #E791AB, #967F49, #1F3734)
• Washed Boulevard color palette (#ECF7FF, #FFBDB2, #006C96, #002C40, #00040A)
• Dusty Workshop color palette (#EBFAEC, #A3EBF6, #8AA1D6, #886E43, #2F424F)
• Antique Sky color palette (#E5F9FF, #D0DBE8, #76B3ED, #5A6DAC, #463566)

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