Tempered Lagoon color palette — #F5F2E8 · #DBBE9B · #745F10 · #33312A · #16140B

A conversation between Olive and Sand, giving this palette its sense of nature and growth.

The five colors

• Cream (#F5F2E8): a clean, paper-quiet neutral.
• Sand (#DBBE9B): A luminous, dusty gold — the color of afternoon light on wheat.
• Olive (#745F10): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#33312A): quiet, heavy and certain.
• Ink (#16140B): a grounded near-black with real depth.

Feels like: Nature, Growth, 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

• Spruce Corridor color palette (#EFF4EA, #E1BAA4, #386E59, #243800, #11160C)
• Wandering Bronze Courtyard color palette (#F5F1EA, #D2C48B, #3390A7, #837122, #0A1A11)
• Chestnut Chapel color palette (#F3F0D3, #7E4A00, #283236, #101700, #010100)
• Tempered Balcony color palette (#EFF7F3, #BCDBBA, #818150, #505025, #202F28)
• Washed Fern Delta color palette (#F3F4DC, #DE945A, #295A00, #0E2800, #080800)
• Patina Cocoa Summit color palette (#FFEDE9, #A3B381, #488486, #714056, #2A2E1C)
• Rust Courtyard color palette (#DAE6D4, #BC5533, #473F48, #00322A, #000A08)
• Worn Pier color palette (#F2F2EB, #D2D9D5, #A4B1B5, #758B65, #373730)

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