Tempered Lagoon color palette — #F0F7F1 · #A7CABC · #628D6B · #4A6B7A · #3D534A
Built around Fern, softened by Graphite — the whole palette hums with nature and growth.
The five colors
- Ivory (#F0F7F1): a clean, paper-quiet neutral.
- Stone (#A7CABC): A luminous, dusty teal — the color of glacier melt.
- Fern (#628D6B): A luminous, dusty teal — the color of glacier melt.
- Graphite (#4A6B7A): A full-bodied, dusty blue — the color of deep harbor water.
- Charcoal Brown (#3D534A): A full-bodied, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Tempered Station color palette (#F6F2E4, #C7C69F, #698D6E, #586652, #32312B)
- Weathered Station color palette (#EEF6FF, #DED9E3, #BEBCA6, #629DA2, #4B5264)
- Washed Navy Quarry color palette (#D6EAE1, #689A71, #006359, #074167, #00302E)
- Washed Taupe color palette (#EEF6FF, #86B4E6, #AC984E, #4676A8, #395443)
- Ancient Jade Cabin color palette (#E7FBF0, #7CB471, #007B66, #215774, #274322)
- Hushed Fern color palette (#F8F5ED, #E3DFBF, #B2BB91, #8AA18B, #574E00)
- Moss Hollow color palette (#ECF7FF, #54A2C9, #9B8B1B, #687F51, #334552)
- Wandering Bloom color palette (#E6F9FF, #84C8EB, #538DD6, #5D5D96, #4F506C)
Browse the whole catalog at Explore, or see today's palette.