Tempered Cocoa Ridge color palette — #ECF2FF · #C9B3DC · #A8728A · #824238 · #3F2000

Coffee takes the lead with Dusty Rose close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#ECF2FF): a clean, paper-quiet neutral.
• Lavender (#C9B3DC): A luminous, dusty violet — the color of twilight just after sunset.
• Dusty Rose (#A8728A): A luminous, dusty rose — the color of a warm blush.
• Coffee (#824238): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#3F2000): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged muted, warm.

Use it as a design system

One click turns Tempered Cocoa Ridge 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

• Hushed Parlor color palette (#FFEAFD, #E7B0BD, #B57765, #734A0B, #2B2E00)
• Aged Field color palette (#E5F4FF, #B4C4F1, #947FB2, #744467, #52121E)
• Worn Terracotta Harbor color palette (#F4F4FF, #C3B5DA, #AB6780, #8C3C49, #752B1C)
• Softworn Terracotta color palette (#EFE3F6, #BB6491, #982430, #432100, #110C00)
• Rust Hollow color palette (#FFF0FA, #E9BCCB, #C386A2, #A7544E, #663900)
• Driftwood Grove color palette (#DFF8F4, #A7A5D8, #9E6574, #055E62, #2B293C)
• Softworn Blush Cabin color palette (#E8D9E8, #D47A9D, #A24E39, #533500, #1B1800)
• Driftwood Summit color palette (#F1F1F8, #DDD4D9, #BAACA8, #817E9D, #36353C)

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