Tempered Lagoon color palette — #EBF4F2 · #BAE5F0 · #3D9DA4 · #1A6D5F · #0F303D

Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.

The five colors

• Ivory (#EBF4F2): bright and airy, almost weightless.
• Powder Blue (#BAE5F0): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#3D9DA4): A luminous, balanced blue — the color of open sky before noon.
• Pine (#1A6D5F): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Forest (#0F303D): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, 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

• Weathered Azure Chapel color palette (#ECF4F3, #D2DAEF, #5DA5CF, #357583, #253849)
• Antique Cerulean Atelier color palette (#D9E9E6, #3E99A2, #005360, #002C2A, #000508)
• Indigo Corridor color palette (#E1F6FF, #009FB5, #6E75CD, #447A48, #01222F)
• Ancient Dune color palette (#E2F6FD, #49B5C0, #9D76D6, #00727B, #222342)
• Cerulean Studio color palette (#FCF3EF, #C8E6C5, #4098AA, #3D6E50, #295143)
• Muted Petrol color palette (#E1F6FF, #74CFE2, #008296, #00454F, #001B1F)
• Washed Market color palette (#FBF2F8, #D2D5E6, #6ECAE0, #4C936B, #2B4254)
• Softworn Boulevard color palette (#E9F4F4, #ADD4FC, #1F7DFA, #005C83, #102051)

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