Tempered Lagoon color palette — #ECF4F1 · #A8CCC3 · #5D8E86 · #426873 · #1C3731
Built around Storm Blue, softened by Graphite — the whole palette hums with calm and sophistication.
The five colors
- Ivory (#ECF4F1): bright and airy, almost weightless.
- Stone (#A8CCC3): A luminous, dusty teal — the color of shallow lagoons.
- Storm Blue (#5D8E86): A luminous, dusty teal — the color of shallow lagoons.
- Graphite (#426873): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Deep Forest (#1C3731): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Calm, Sophistication, Grounding. Tagged botanical, earthy, 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
- Patina Cypress Market color palette (#ECF4F2, #CDDAE7, #75A4B5, #1C7B6D, #143B4A)
- Muted Forest color palette (#D4E5E4, #669B81, #006450, #003F54, #00170D)
- Olive Cabin color palette (#ECF4EE, #98BDAA, #747A41, #734749, #122E21)
- Muted Cabin color palette (#F1F7F1, #BCDFEE, #A1B78F, #7785A7, #354C41)
- Weathered Atelier color palette (#FAF4ED, #CAC1A3, #708A60, #765D6D, #5E4B00)
- Dusty Pine Delta color palette (#DFF8F4, #86B591, #007F55, #005567, #00290F)
- Eclipse Boulevard color palette (#D2E6DB, #666E1C, #2D3D00, #410003, #030300)
- Tempered Violet color palette (#F1F0FE, #C6A6D1, #60A8BE, #9056A3, #0C3648)
Browse the whole catalog at Explore, or see today's palette.