Tempered Cocoa Ridge color palette — #FFEEE7 · #F8BEB7 · #AB7269 · #6F3733 · #311102

Built around Cocoa, softened by Mocha — the whole palette hums with warmth and comfort.

The five colors

• Cream (#FFEEE7): A whisper-light, dusty orange — the color of toasted spice.
• Rose Quartz (#F8BEB7): A whisper-light, dusty orange — the color of autumn markets.
• Mocha (#AB7269): A luminous, dusty orange — the color of autumn markets.
• Cocoa (#6F3733): A full-bodied, balanced orange — the color of toasted spice.
• Onyx (#311102): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Warmth, Comfort, Sophistication. Tagged monochrome, 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

• Timeworn Driftwood Basin color palette (#FFEFDC, #EBCCA4, #A37E49, #604310, #291800)
• Antique Cocoa color palette (#FFF0FC, #F3C0B4, #AC6A61, #823835, #522A25)
• Wandering Basalt color palette (#FFEDED, #EEC2DF, #A9799A, #643755, #2E1027)
• Airy Amber color palette (#FFE3CD, #D07823, #804400, #3D1D00, #0B0300)
• Tempered Workshop color palette (#FFEEE6, #DED6C6, #9AB8A3, #B28679, #5F2500)
• Ancient Stone Canyon color palette (#FFF2ED, #E2D8D0, #DE9992, #935852, #411B16)
• Timeworn Cabin color palette (#FCEFE5, #C5835E, #867BA6, #764E73, #2E1F13)
• Washed Chestnut color palette (#F8F0E9, #DBBE96, #86541E, #35302B, #19120C)

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