Tempered Lagoon color palette — #D3E8F9 · #B88A00 · #00405E · #001D2E · #050618

A conversation between Mustard and Navy, giving this palette its sense of trust and stability.

The five colors

• Frost (#D3E8F9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Mustard (#B88A00): A luminous, balanced gold — the color of old brass.
• Navy (#00405E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#001D2E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#050618): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, 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

• Worn Amber color palette (#EAEEFE, #C1941C, #45376F, #1B1F3A, #120D18)
• Ember Lagoon color palette (#E3F1FF, #E76A3C, #00416C, #00172B, #000308)
• Muted Nightshade Station color palette (#D8E5FC, #B88A00, #1D2299, #0A0953, #060F21)
• Apricot Summit color palette (#C6EFE3, #F7895B, #005F98, #003051, #00140F)
• Aged Pier color palette (#DDDEF3, #9A7300, #37005D, #2C1416, #100021)
• Worn Stone color palette (#EEF6FF, #D6BD88, #416181, #2C3A48, #23232B)
• Antique Market color palette (#D2EBE1, #74D88A, #008ABC, #005576, #00121C)
• Charred Chestnut color palette (#DDE8F8, #785900, #211219, #001136, #00020C)

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