Tempered Lagoon color palette — #F5F2E7 · #C1C8A3 · #578F84 · #74595B · #31322B

A conversation between Storm Blue and Pistachio, giving this palette its sense of sophistication and grounding.

The five colors

• Cream (#F5F2E7): bright and airy, almost weightless.
• Pistachio (#C1C8A3): A luminous, dusty green — the color of a quiet forest floor.
• Storm Blue (#578F84): A luminous, dusty teal — the color of sea glass.
• Graphite (#74595B): A full-bodied, dusty red — the color of a theater curtain.
• Espresso (#31322B): quiet, heavy and certain.

Feels like: Sophistication, Grounding. Tagged botanical, earthy, 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

• Muted Dune color palette (#F6F1EA, #C9C4AA, #7D8B46, #805815, #32312A)
• Ancient Driftwood color palette (#F3F5D4, #B0D3AD, #6B8F60, #2A5331, #202200)
• Olive Boulevard color palette (#F4F2E6, #AFBA84, #B78ABA, #6D7935, #48242C)
• Aged Cypress Grove color palette (#F6F1EB, #C9E2E5, #8F9AC4, #2F7879, #482C38)
• Driftwood Orchard color palette (#EFF8F4, #B3DAD8, #77A4AE, #857696, #375352)
• Washed Teal color palette (#F4F4D9, #67BA9F, #007983, #73354A, #00281D)
• Timeworn Abyss color palette (#E7DDCD, #6D8144, #005131, #362700, #0A0800)
• Jade Loft color palette (#ECE6C4, #5AA87B, #006966, #3A4400, #001C0D)

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