Tempered Lagoon color palette — #FAF4F0 · #C3E0EC · #9ABDED · #009784 · #3C3A5E

Built around Fern, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Powder Blue (#C3E0EC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#9ABDED): A luminous, dusty blue — the color of open sky before noon.
• Fern (#009784): A luminous, balanced teal — the color of glacier melt.
• Navy (#3C3A5E): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, 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

• Periwinkle Boulevard color palette (#F9F4EF, #C2E2F6, #8DA2E9, #007F7F, #34254D)
• Wandering Archive color palette (#FBF2F7, #AFE6FD, #678DBA, #1A7162, #3C4664)
• Sky Pier color palette (#FFF0F8, #E5D9D4, #A7B2AA, #6DB4DE, #5B424A)
• Forest Bloom color palette (#FFF2EE, #90DBDB, #0087A9, #00561D, #000D20)
• Denim Parlor color palette (#F2E8E4, #86AD92, #005B87, #002D1D, #00000B)
• Airy Ultramarine Boulevard color palette (#FBEBDE, #88BEE0, #2E5AD5, #003E3B, #040010)
• Ancient Amber Lantern color palette (#FFF1F3, #DAA5E0, #CDA436, #AB9000, #3F2127)
• Pale Thicket color palette (#FBF4EE, #C1F3DC, #5A91E7, #006B60, #1E0F4B)

Browse the whole catalog at Explore, or see today's palette.