Cocoa Orchard color palette — #FDDCF0 · #B692A2 · #886C94 · #7A3B24 · #3A2519

Built around Bronze, softened by Slate — the whole palette hums with optimism and warmth.

The five colors

• Blush (#FDDCF0): A whisper-light, dusty pink — the color of a candy shop window.
• Dusty Rose (#B692A2): A luminous, dusty rose — the color of strawberry cream.
• Slate (#886C94): A full-bodied, dusty pink — the color of neon signs at night.
• Bronze (#7A3B24): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#3A2519): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

Use it as a design system

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

• Dusty Pewter color palette (#FDE7FF, #96A5D0, #6F6C98, #6E4255, #3C1E18)
• Muted Chestnut Dune color palette (#FEDFE8, #D3AAB1, #AB7C7D, #885124, #3D3832)
• Powdered Plum Grove color palette (#F6E1F3, #C185A8, #B63966, #643A00, #2A1D00)
• Patina Rust Veranda color palette (#FFE4E9, #DA9091, #BA6346, #585000, #2D3610)
• Patina Garnet Ridge color palette (#E6DBE8, #915C81, #712849, #371A00, #0E0700)
• Weathered Powder Chapel color palette (#DBFFED, #BED1FF, #AE8FB1, #5B6D44, #35362F)
• Washed Ridge color palette (#C3E4F7, #99A3D1, #767191, #295F55, #194943)
• Aubergine Meadow color palette (#FAE2E8, #AB78C9, #C25900, #732F95, #311100)

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