Tempered Lagoon color palette — #FFF3E9 · #C47D4A · #328D9B · #486086 · #423C37

Caramel takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Caramel (#C47D4A): A luminous, balanced gold — the color of honey in a jar.
• Cerulean (#328D9B): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#486086): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#423C37): a grounded near-black with real depth.

Feels like: 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

• Amber Cabin color palette (#FEF3E7, #B8853D, #4E889B, #76526A, #563500)
• Coral Corridor color palette (#FFF2ED, #D0706C, #528C7B, #3A6480, #65280E)
• Hushed Harbor color palette (#FBF0E4, #B68B63, #448EA1, #326774, #2D2012)
• Taupe Ridge color palette (#EEF8F0, #C4A672, #70A99A, #4C829B, #334135)
• Navy Garden color palette (#FFF3E4, #9D6B00, #007096, #413E89, #3B2706)
• Patina Taupe Dune color palette (#FFF4E2, #BFA55E, #68804F, #445A7E, #584500)
• Aged Moss color palette (#F8F6E4, #758D00, #5C6CAC, #6F3F68, #34332C)
• Muted Corridor color palette (#F9F4ED, #D9DDD1, #9FB1B1, #A17A3A, #55524D)

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