Tempered Lagoon color palette — #FBF3F0 · #C1E9E2 · #7BACC9 · #478A67 · #364769

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

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Honeydew (#C1E9E2): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#7BACC9): A luminous, dusty blue — the color of deep harbor water.
• Fern (#478A67): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#364769): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, 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

• Wandering Studio color palette (#FAF4EE, #C4E4E9, #97A2D3, #3E888A, #5E3C4A)
• Hushed Pine Orchard color palette (#FFF2ED, #9AEBF0, #1DA9DC, #008848, #1B3F73)
• Washed Field color palette (#F8F5EF, #C5E6E0, #6ACCED, #3AAD9D, #2D5044)
• Bronze Courtyard color palette (#FEF4E2, #CFB567, #8CA1E5, #9A7D11, #344069)
• Dusty Spruce Grove color palette (#F5E3DF, #5CA09C, #006277, #053F06, #000A18)
• Cerulean Balcony color palette (#F8ECE5, #8AD1E1, #3F8EC2, #006F4F, #1E2A55)
• Feathered Cobalt Lantern color palette (#EEE4DC, #7ABBDD, #4372C5, #005A52, #201347)
• Linen Grove color palette (#FFF4DC, #BAA535, #8992D7, #916DAD, #3B3831)

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