Tempered Lagoon color palette — #DFDFD2 · #489FA1 · #00545C · #00302B · #00171D
A conversation between Storm Blue and Peacock, giving this palette its sense of trust and stability.
The five colors
- Bone (#DFDFD2): a clean, paper-quiet neutral.
- Storm Blue (#489FA1): A luminous, balanced teal — the color of shallow lagoons.
- Peacock (#00545C): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Deep Forest (#00302B): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#00171D): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Ancient Parlor color palette (#DEE1CF, #6FA9B7, #006179, #003D41, #002332)
- Abyss Meadow color palette (#EAEFDD, #4C89A6, #004161, #002129, #000A17)
- Softworn Pier color palette (#DAE7E4, #6CC0C1, #0094A0, #006E63, #00171D)
- Weathered Navy Delta color palette (#E1E5D9, #5B95C7, #00488E, #002D40, #000A41)
- Muted Villa color palette (#EFF0E1, #9CBB9A, #00777C, #005145, #00353B)
- Timeworn Boulevard color palette (#EDE6CB, #A2A363, #718C29, #543900, #201D00)
- Velvet Bronze Veranda color palette (#EAE4C7, #856E00, #433900, #130E00, #030200)
- Cobalt Grove color palette (#F3F7EB, #A3D5FB, #2582D5, #006280, #1F3F6F)
Browse the whole catalog at Explore, or see today's palette.