Tempered Lagoon color palette — #D5FFFB · #8BC7B0 · #18968D · #00646F · #004C60
Built around Fern, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Honeydew (#D5FFFB): A whisper-light, dusty teal — the color of sea glass.
- Mint Leaf (#8BC7B0): A luminous, dusty teal — the color of shallow lagoons.
- Fern (#18968D): A luminous, balanced teal — the color of shallow lagoons.
- Peacock (#00646F): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Navy (#004C60): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged muted, cool.
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
- Tempered Archive color palette (#EAFAED, #77B898, #17878E, #6E4C69, #304D51)
- Mint Drift color palette (#F5F6C3, #8CD09E, #4A9791, #156178, #122F57)
- Emerald Orchard color palette (#DCFFEC, #B1BE8E, #638F50, #1F6C49, #005141)
- Soft Denim color palette (#E6F9FF, #81CDE2, #3B8CB1, #285D91, #3B4577)
- Softworn Seafoam color palette (#E8F9FB, #CBF4C4, #50E3C7, #34A7C7, #365057)
- Lagoon Dune color palette (#EFF7F7, #D3DCE2, #B2ABB7, #5F8F6F, #495555)
- Softworn Teal Boulevard color palette (#9FFBDD, #00BCB6, #007A87, #00506A, #292D5F)
- Seafoam Hollow color palette (#F4FBC6, #A3DDAC, #5DB2A6, #327B92, #234875)
Browse the whole catalog at Explore, or see today's palette.