Tempered Lagoon color palette — #EEF6FF · #E8CC94 · #36659D · #002751 · #00040D

A conversation between Peacock and Midnight, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EEF6FF): a clean, paper-quiet neutral.
• Wheat (#E8CC94): A whisper-light, dusty gold — the color of old brass.
• Peacock (#36659D): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#002751): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#00040D): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Timeworn Dune color palette (#F3F4FF, #EACC8E, #6E5591, #321750, #03020F)
• Wandering Cornflower Summit color palette (#E5F0FE, #F0BD87, #5487D8, #3A5683, #0F1620)
• Cobalt Orchard color palette (#F1F5FF, #CAF1D2, #6872A9, #2E345E, #0A0F1B)
• Amber Corridor color palette (#F6E2F1, #DC8949, #344375, #2A1226, #0C020A)
• Hushed Mulberry color palette (#F8F2FF, #D7B671, #7C2F64, #310023, #020006)
• Pale Navy Canyon color palette (#E4EFFF, #C39C43, #0F2D91, #00002B, #000106)
• Gentle Bronze color palette (#F1F5FF, #7888DB, #9F5300, #355B00, #000B12)
• Linen Sapphire color palette (#F1F5FD, #BCCFFF, #BF679F, #4064F6, #080210)

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