Tempered Cocoa Canyon color palette — #FFF3E6 · #DBE3C8 · #BEBEC9 · #C79292 · #5A4000

Built around Bronze, softened by Dusty Rose — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
• Celadon Mist (#DBE3C8): A whisper-light, dusty green — the color of new leaves after rain.
• Stone (#BEBEC9): a calm mid-gray that lets other colors speak.
• Dusty Rose (#C79292): A luminous, dusty red — the color of a theater curtain.
• Bronze (#5A4000): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

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

• Fern Workshop color palette (#FEF4E4, #C4F8E3, #D2E1F8, #D2A790, #554C00)
• Weathered Cocoa color palette (#E7EEFF, #FFD1C2, #B6B9AC, #632C00, #1F1611)
• Timeworn Apricot Parlor color palette (#EAFBE9, #B8ECE7, #7ABCD1, #E19F79, #354F3B)
• Hushed Station color palette (#FFF3E8, #EEDAB8, #C0946F, #98573B, #33322B)
• Patina Seafoam Dune color palette (#FFF1F7, #E2F9CE, #7CDCB8, #9F6B77, #455749)
• Timeworn Cabin color palette (#DFE4B0, #8AC399, #1B9EB7, #723900, #010100)
• Bronze Drift color palette (#FCF7D1, #CAF5FA, #91D6FF, #A07B34, #272B07)
• Tempered Olive color palette (#F9F5E6, #E6DFB4, #757C42, #3A3831, #130F01)

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