Tempered Lagoon color palette — #FFD8D4 · #C85F00 · #6D5000 · #2F2A00 · #020500

Terracotta and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#FFD8D4): A whisper-light, dusty orange — the color of sun-warmed clay.
• Terracotta (#C85F00): A luminous, balanced gold — the color of old brass.
• Coffee (#6D5000): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#2F2A00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#020500): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Softworn Rose color palette (#FADCE3, #D95259, #823300, #3B2200, #030200)
• Muted Amber Lagoon color palette (#FFE6D5, #AA8100, #4B4F00, #0A2A00, #000703)
• Bronze Market color palette (#F5D9D0, #9F5B00, #543B00, #242000, #00120A)
• Lapis Workshop color palette (#F5E1C6, #A47400, #513DF3, #503600, #01000A)
• Timeworn Studio color palette (#FFEBE3, #F9A026, #AB8000, #4F5B00, #052701)
• Muted Alley color palette (#FFEBCF, #AED696, #00BCB5, #8F3200, #060600)
• Magenta Grove color palette (#F5E2E6, #E235F7, #9A8600, #0A0D07, #020100)
• Ancient Corridor color palette (#EAE9D7, #736900, #1E3DD8, #1201C8, #010100)

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