Cocoa Meadow color palette — #FDDEC6 · #684700 · #312D00 · #0A0F00 · #000300

Bronze takes the lead with Espresso close behind in a set that reads as nature and growth at first glance.

The five colors

• Peach Cream (#FDDEC6): A whisper-light, dusty gold — the color of old brass.
• Bronze (#684700): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#312D00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#0A0F00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#000300): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

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

• Velvet Balcony color palette (#EDE6D6, #7D6700, #4C4500, #111200, #010100)
• Charred Meadow color palette (#E6E6D8, #3C5B00, #003415, #00110B, #000201)
• Nocturne Loft color palette (#F8DBDC, #8C2300, #4E2300, #1B0F00, #020100)
• Twilit Nightshade color palette (#EEE7C7, #4C5100, #3304A4, #1E2100, #01000A)
• Wandering Lantern color palette (#E8E3D3, #6E9F64, #007C79, #432B00, #020400)
• Aubergine Quarry color palette (#DFE5CA, #394000, #370081, #300056, #010100)
• Quiet Moss color palette (#EFDFC1, #9A8800, #486700, #023D08, #001A0C)
• Plum Corridor color palette (#DEDBFB, #B609A5, #144C00, #020D09, #010100)

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