Tempered Lagoon color palette — #FBF2F6 · #D4DFFC · #88A6D5 · #3B8A7F · #3F4661
Built around Fern, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Ivory (#FBF2F6): a clean, paper-quiet neutral.
- Powder Blue (#D4DFFC): A whisper-light, dusty violet — the color of wild irises.
- Blue Fog (#88A6D5): A luminous, dusty blue — the color of deep harbor water.
- Fern (#3B8A7F): A full-bodied, dusty teal — the color of glacier melt.
- Charcoal (#3F4661): A deep, shadowed, dusty violet — the color of a velvet chair.
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
- Iris Quarry color palette (#F0F8EF, #B7D8F8, #8390D3, #007B7F, #43305A)
- Lagoon Summit color palette (#F4F4FF, #B792D9, #92A154, #4A9159, #35354C)
- Patina Powder color palette (#F0F8F1, #D5DEF5, #83C4FF, #2FAAB9, #3A495E)
- Denim Corridor color palette (#F3E6EF, #519FB2, #005D92, #003D2C, #04012B)
- Ultramarine Loft color palette (#F9EAEF, #70A8D3, #445AC3, #004A4A, #1C0039)
- Weathered Pine color palette (#FDF1FD, #8FDBD8, #009BBF, #007922, #00345F)
- Tempered Forest color palette (#EFE2EE, #6DC1C5, #0080A7, #005D2D, #001D46)
- Muted Iris color palette (#CCEAFF, #95BDFF, #9888D8, #7E558F, #504265)
Browse the whole catalog at Explore, or see today's palette.