Tempered Lagoon color palette — #FBF2F9 · #C4ECFF · #7BAAD2 · #428A71 · #3C4860

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

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Frost (#C4ECFF): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#7BAAD2): A luminous, dusty blue — the color of deep harbor water.
• Fern (#428A71): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#3C4860): A full-bodied, dusty violet — the color of twilight just after sunset.

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

• Tempered Canyon color palette (#FBF3EF, #C4DEE7, #8FC2E4, #009785, #4F354D)
• Periwinkle Delta color palette (#FDF1F7, #A6DEF9, #6796DC, #1A7C70, #303858)
• Weathered Cerulean color palette (#F5F6ED, #C4E6D0, #5095AD, #216E74, #2C5042)
• Mint Alley color palette (#DDFDFC, #5CD298, #D18ABB, #44926B, #493B5C)
• Driftwood Market color palette (#E0FCF9, #C5E2F1, #C1C2ED, #949264, #3B5458)
• Denim Drift color palette (#EAD9E8, #4CA2A5, #00617E, #003F19, #00091C)
• Tempered Corridor color palette (#F4E1E8, #70B9EF, #536BCD, #005959, #24153C)
• Linen Seafoam Archive color palette (#E0FBFF, #6EE5C6, #35AD8D, #196A53, #013B2C)

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