Tempered Lagoon color palette — #F7E5DE · #28878C · #004258 · #00210C · #000105

Built around Cerulean, softened by Deep Teal — the whole palette hums with nature and growth.

The five colors

• Rose Water (#F7E5DE): A whisper-light, dusty orange — the color of autumn markets.
• Cerulean (#28878C): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004258): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#00210C): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000105): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, 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

• Wandering Alley color palette (#F4DDD4, #3899A6, #004F71, #002E1A, #00011D)
• Ancient Orchard color palette (#F9ECE0, #2C80B3, #182895, #001F1E, #020008)
• Inked Pier color palette (#D8F5FF, #00647D, #00343D, #13131A, #00080B)
• Ancient Grape color palette (#D0EED4, #0095CE, #714AA1, #003419, #000203)
• Twilit Garnet color palette (#D9EFD9, #005858, #6D1800, #002424, #040000)
• Weathered Nightshade Workshop color palette (#F0E4D8, #5CA4D8, #394CB0, #003939, #110026)
• Hazy Bloom color palette (#F3E6DE, #69C1DE, #0E6DBA, #004D3E, #100E39)
• Worn Bloom color palette (#F9F0E8, #96D0F1, #5D7BB4, #005C56, #311625)

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