Cocoa Orchard color palette — #F0DEE4 · #573300 · #00222F · #231907 · #18000D

Built around Cocoa, softened by Ink — the whole palette hums with optimism and sophistication.

The five colors

• Shell Pink (#F0DEE4): A whisper-light, dusty rose — the color of pressed rose petals.
• Cocoa (#573300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Midnight (#00222F): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#231907): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#18000D): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

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

• Cellar Navy color palette (#D7E8E1, #3D4000, #1D2318, #130061, #170300)
• Cellar Archive color palette (#E2F0E2, #533600, #002133, #000A14, #03000B)
• Twilit Atelier color palette (#D6E8E2, #3C4650, #243400, #141C21, #000604)
• Charred Fern color palette (#EEDBE1, #685F05, #123400, #241100, #070600)
• Frosted Nightshade color palette (#CAF3E4, #647800, #3B15C9, #472C00, #1B2303)
• Weathered Balcony color palette (#F6DCC1, #5B6F32, #004A45, #3C0929, #240004)
• Navy Ridge color palette (#E9DCE4, #368DA5, #003E6C, #00231A, #06002C)
• Muted Aubergine color palette (#CBEBE4, #356E0C, #46036B, #400019, #1F0300)

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