Cocoa Meadow color palette — #FFF2EC · #FFC6BF · #CB887B · #8A5852 · #5E2500

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

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Shell Pink (#FFC6BF): A whisper-light, dusty orange — the color of toasted spice.
• Dusty Rose (#CB887B): A luminous, balanced orange — the color of sun-warmed clay.
• Pewter (#8A5852): A full-bodied, dusty orange — the color of sun-warmed clay.
• Espresso (#5E2500): A deep, shadowed, balanced orange — the color of autumn markets.

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

Use it as a design system

One click turns Cocoa Meadow 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 Taupe color palette (#FFF3E7, #FFD3A9, #C7976D, #85633F, #39332E)
• Aged Alley color palette (#FFF2EC, #F7C0B8, #B07467, #733E38, #522925)
• Aged Petal Thicket color palette (#FFF1F2, #FDBDE7, #C389AF, #84596F, #4D2C2F)
• Wandering Cocoa Villa color palette (#FFF2EE, #E0DACE, #A0BDD1, #BA9797, #7B3F1F)
• Apricot Veranda color palette (#FFF3E8, #E29858, #7A9ECD, #8D6F8E, #5A3200)
• Wandering Ember Market color palette (#FFF2EA, #FFAF7C, #D25E00, #874500, #431900)
• Marigold Lantern color palette (#FFE0BF, #F5950A, #A85C00, #623800, #291300)
• Softworn Teal Canyon color palette (#FBF4ED, #F7C6A0, #56AE9B, #B37F57, #2A3027)

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