Tempered Lagoon color palette — #FFF1F4 · #F1D4C6 · #D5837B · #984529 · #522000

A conversation between Burnt Sienna and Coral Clay, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Bone (#F1D4C6): A whisper-light, dusty orange — the color of toasted spice.
• Coral Clay (#D5837B): A luminous, balanced orange — the color of autumn markets.
• Burnt Sienna (#984529): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#522000): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged muted, 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 Delta color palette (#FFEEF1, #E09599, #B5504D, #81321C, #622400)
• Patina Lantern color palette (#FFF2EA, #E9DEB3, #C19353, #806000, #382E00)
• Rose Canyon color palette (#FFDCDE, #E44C43, #9A2600, #381200, #030100)
• Coral Quarry color palette (#FFF2ED, #E37B78, #6D340D, #2B1913, #0B0402)
• Hushed Ember Thicket color palette (#FFEAFD, #FBC1D8, #F08E8E, #CD5A0A, #593800)
• Aged Bronze color palette (#FFF2EB, #DFD8CE, #E1AC83, #966C38, #583E00)
• Garnet Drift color palette (#FCF1FF, #FFD1E0, #C781B5, #924A6F, #58002B)
• Amber Canyon color palette (#FFF3E6, #FEB6B4, #C08066, #626929, #37302D)

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