Tempered Lagoon color palette — #EFF6FF · #88ADE1 · #C68C6A · #7C7F41 · #333E4C

Cornflower takes the lead with Caramel close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Cornflower (#88ADE1): A luminous, balanced blue — the color of deep harbor water.
• Caramel (#C68C6A): A luminous, balanced gold — the color of honey in a jar.
• Walnut (#7C7F41): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#333E4C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged 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

• Washed Taupe color palette (#F3F4FF, #B79ED6, #A99C5C, #538869, #3B3B4C)
• Aged Amber color palette (#F3F4FF, #B9A4E4, #C86F65, #666F35, #254854)
• Turquoise Archive color palette (#EBF7FD, #4CBDCE, #C8849D, #9A714D, #2D4048)
• Azure Station color palette (#EEF6FF, #5B94D1, #957B47, #47694E, #323E4C)
• Powder Orchard color palette (#FDF1FD, #96C6FF, #C9B487, #AB976E, #463747)
• Muted Lilac color palette (#F1F5FF, #959DFF, #A26500, #4F7300, #25274B)
• Ancient Ash color palette (#F3F5FB, #DDD8DF, #C3AFB5, #8F9ABD, #505258)
• Muted Lantern color palette (#F1F5FB, #BCD1FB, #C37EC6, #6F8BC6, #2F2B39)

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