Tempered Lagoon color palette — #EAF4F2 · #98D5D2 · #008D93 · #005D4F · #002531
Cerulean and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#EAF4F2): a clean, paper-quiet neutral.
- Ice Blue (#98D5D2): A whisper-light, dusty teal — the color of sea glass.
- Cerulean (#008D93): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#005D4F): A full-bodied, dusty teal — the color of glacier melt.
- Midnight (#002531): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Timeworn Cobalt Thicket color palette (#E7F5F4, #AECCE3, #3482BA, #00586D, #07213B)
- Cerulean Bloom color palette (#FDF3EE, #95D2CF, #00879C, #11633A, #164436)
- Weathered Meadow color palette (#D5E6E4, #3296BA, #005070, #002B32, #00050C)
- Pine Canyon color palette (#FBF2F8, #CADEF6, #3CB8D0, #288252, #0D3149)
- Periwinkle Garden color palette (#EBF4F4, #D6D9EC, #769ED4, #377291, #2B3748)
- Chestnut Boulevard color palette (#D5E5D8, #A6986B, #805E00, #553700, #061D12)
- Faded Studio color palette (#FDE5F4, #C75226, #787100, #803F76, #220A1B)
- Dusty Terracotta color palette (#F3E3F1, #D0716D, #728700, #A0091F, #191F00)
Browse the whole catalog at Explore, or see today's palette.