Tempered Lagoon color palette — #E4F3EB · #896600 · #2E2D37 · #00212D · #000509

Ochre takes the lead with Midnight close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#E4F3EB): bright and airy, almost weightless.
• Ochre (#896600): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#2E2D37): quiet, heavy and certain.
• Midnight (#00212D): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000509): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Terracotta Courtyard color palette (#D7EEE5, #A14A37, #433C43, #002134, #000307)
• Velvet Bronze color palette (#EADEE9, #896600, #001946, #180503, #000413)
• Softworn Orchard color palette (#CEEDE1, #B88A00, #00405E, #001D2E, #000F11)
• Amber Basin color palette (#D7E8F4, #BC8E00, #00617F, #002D3C, #000204)
• Muted Parlor color palette (#CFE4F4, #C06650, #003C5A, #00111E, #000204)
• Patina Lagoon color palette (#F8EAF0, #B4975B, #463673, #351427, #1D0809)
• Navy Parlor color palette (#E8DFE7, #B5A3AE, #947581, #002B89, #1E0C1D)
• Tempered Stone Harbor color palette (#EAF9F5, #D3BD91, #406181, #213F38, #192729)

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