Tempered Lagoon color palette — #F0F8ED · #389995 · #855A83 · #73412A · #32322B

Fern takes the lead with Slate close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Ivory (#F0F8ED): bright and airy, almost weightless.
• Fern (#389995): A luminous, balanced teal — the color of sea glass.
• Slate (#855A83): A full-bodied, balanced pink — the color of peonies in June.
• Bronze (#73412A): A full-bodied, dusty orange — the color of autumn markets.
• Espresso (#32322B): a grounded near-black with real depth.

Feels like: Optimism, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Antique Coast color palette (#F5F6EA, #639264, #5D6596, #6A3D50, #39352F)
• Patina Terracotta Thicket color palette (#ECF9F3, #5D97B5, #944F4F, #5E5123, #323B2A)
• Wandering Garden color palette (#EDF9F1, #5BA4B7, #766794, #764341, #524000)
• Muted Coast color palette (#EBF4F0, #5894AF, #52729E, #7C382C, #0C1D10)
• Softworn Quarry color palette (#E7FAF5, #4574BA, #854435, #424300, #1B2B1C)
• Worn Lantern color palette (#E3F7EE, #3B86A8, #443844, #1D2D26, #0E1716)
• Mulberry Cabin color palette (#E3FDE9, #007988, #921D5A, #5A3200, #03280D)
• Hushed Lagoon color palette (#F1F7F1, #D3DCDB, #A7ACB6, #528D92, #4F544F)

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