Cocoa Meadow color palette — #F9DCE6 · #593200 · #1E2000 · #000D05 · #060001

A conversation between Cocoa and Onyx, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F9DCE6): A whisper-light, dusty rose — the color of a warm blush.
• Cocoa (#593200): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#1E2000): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#000D05): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#060001): A deep, shadowed, dusty red — the color of embers at dusk.

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

• Eclipse Chestnut Basin color palette (#FCE8D2, #7C5600, #3D2B00, #1F1700, #040800)
• Cellar Garnet color palette (#E9D9EA, #760021, #2D1800, #070B00, #050004)
• Scarlet Study color palette (#ECDAE2, #E42E17, #8E4200, #563600, #060200)
• Cellar Fern Terrace color palette (#D9EDE7, #3C5300, #003229, #001720, #0D0600)
• Mulberry Market color palette (#FDE9E8, #991368, #2F3F00, #001742, #060003)
• Antique Lagoon color palette (#DEF2EF, #4F8B94, #004451, #002222, #000B11)
• Tempered Bronze Hollow color palette (#F2DEC3, #976700, #496000, #004132, #070000)
• Spruce Meadow color palette (#D4E7D8, #6E5300, #114200, #3E0022, #220900)

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