Tempered Lagoon color palette — #F5F1EA · #CDE3CE · #5499A8 · #006F59 · #0D3425
Built around Pine, softened by Storm Blue — the whole palette hums with trust and stability.
The five colors
- Cream (#F5F1EA): a clean, paper-quiet neutral.
- Celadon Mist (#CDE3CE): A whisper-light, dusty green — the color of a quiet forest floor.
- Storm Blue (#5499A8): A luminous, dusty blue — the color of open sky before noon.
- Pine (#006F59): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Forest (#0D3425): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Worn Orchard color palette (#F5F1EB, #C5E5D5, #5395C3, #006C71, #3A223B)
- Worn Lagoon color palette (#DDF4EB, #55B6A5, #008D8F, #005B64, #00333E)
- Dusty Cerulean color palette (#F4ECDF, #4198A5, #005168, #002C27, #00050B)
- Lagoon Dune color palette (#E5F7EA, #BAE0E1, #AEC0F1, #42938B, #163626)
- Weathered Cerulean Grove color palette (#F9F3F8, #BAE4F1, #0098C0, #367143, #324A63)
- Faded Coral Harbor color palette (#E9F6EB, #56B4BC, #C8716F, #007379, #471214)
- Pale Thicket color palette (#E3F8E8, #039FB1, #A960A5, #846700, #0B2414)
- Petrol Lantern color palette (#EEE8E0, #99BEA0, #007790, #004C41, #001926)
Browse the whole catalog at Explore, or see today's palette.