Cocoa Canyon color palette — #FFD8F3 · #D8ABC1 · #A88992 · #8F5C60 · #703711

Bronze and Pewter set the tone — five colors that lean into optimism and warmth.

The five colors

• Thistle (#FFD8F3): A whisper-light, dusty pink — the color of neon signs at night.
• Rosewood Mist (#D8ABC1): A luminous, dusty rose — the color of strawberry cream.
• Dusty Rose (#A88992): A luminous, dusty rose — the color of a warm blush.
• Pewter (#8F5C60): A full-bodied, dusty red — the color of a theater curtain.
• Bronze (#703711): A full-bodied, balanced gold — the color of old brass.

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

Use it as a design system

One click turns 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

• Muted Ridge color palette (#FFF1F7, #DCBEC6, #BA8D92, #A36540, #734107)
• Softworn Mulberry Lantern color palette (#ECD8EE, #AA7397, #8B445F, #582F00, #2A1C00)
• Ash Workshop color palette (#F1F5FF, #DFD4FF, #B697C5, #816280, #503548)
• Driftwood Archive color palette (#C3EBDA, #93B5D9, #7A89B2, #815B5F, #5C3635)
• Muted Market color palette (#F7D8CC, #C19E89, #9B7658, #525E31, #24471F)
• Worn Balcony color palette (#FFD9E5, #AB7CD8, #C76875, #247FB5, #3F202C)
• Lilac Harbor color palette (#CBECFB, #B3CDF0, #B399D2, #8B8F5C, #154A48)
• Softworn Aubergine color palette (#F9F2FF, #D1A6EC, #986BB4, #6D3A83, #2F0841)

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