Cocoa Meadow color palette — #F9D8EA · #7F3300 · #1B1B10 · #080500 · #030004

A conversation between Rust and Shell Pink, giving this palette its sense of optimism and sophistication.

The five colors

• Shell Pink (#F9D8EA): A whisper-light, dusty pink — the color of peonies in June.
• Rust (#7F3300): A full-bodied, balanced orange — the color of autumn markets.
• Ink (#1B1B10): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#080500): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#030004): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Amber Pier color palette (#F5D7D3, #C66300, #704B00, #2D2700, #030400)
• Deep Cocoa Studio color palette (#F8E7DB, #5F2500, #2E3C34, #16180E, #0C0800)
• Charred Mulberry color palette (#F7E6FF, #8E004E, #21140A, #0F0200, #010006)
• Cellar Fern color palette (#CEEAE1, #526A00, #31333B, #001710, #010100)
• Tempered Station color palette (#E7FAF6, #81AD68, #2A4C52, #08241F, #010703)
• Tempered Amber color palette (#DEFFE7, #B28D00, #254518, #1C1400, #050002)
• Aged Apricot Field color palette (#FFF1F5, #D7A268, #3F5C51, #38252B, #130D12)
• Soft Lagoon color palette (#ECDDED, #B67A7B, #7E5C19, #341C5B, #0D0022)

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