Tempered Lagoon color palette — #DCEAF1 · #009A9B · #007B8A · #005072 · #00090D

Cerulean takes the lead with Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#DCEAF1): a clean, paper-quiet neutral.
• Cerulean (#009A9B): A luminous, balanced teal — the color of glacier melt.
• Teal (#007B8A): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005072): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#00090D): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged candy, vibrant, light, 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

• Washed Emerald Dune color palette (#D3F4F9, #00A671, #007E70, #005256, #000F0E)
• Wandering Lagoon color palette (#DAEFEA, #39A29C, #005557, #003128, #00181B)
• Soft Nightshade color palette (#E0EEFC, #0093BD, #0062A3, #212699, #000207)
• Ultramarine Terrace color palette (#E0F3E5, #00B997, #009AB2, #0063C0, #000A10)
• Petrol Lagoon color palette (#E3F1FA, #0076AF, #004877, #002349, #160037)
• Cobalt Meadow color palette (#D7EBF4, #2381BC, #2B4A7D, #3B1C3E, #31040C)
• Tempered Cobalt Lantern color palette (#EAF7FF, #00C6D8, #009EC3, #0079C6, #002C3F)
• Weathered Field color palette (#E1EFFF, #005EB2, #005B31, #002C59, #001507)

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