Cocoa Grove color palette — #F9EEE3 · #5B3000 · #002421 · #12001D · #060002

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

The five colors

• Cream (#F9EEE3): bright and airy, almost weightless.
• Cocoa (#5B3000): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#002421): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#12001D): A deep, shadowed, dusty violet — the color of wild irises.
• Black (#060002): A deep, shadowed, dusty rose — the color of a warm blush.

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

Use it as a design system

One click turns Cocoa Grove 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

• Charred Garnet Summit color palette (#FFE7E2, #74002D, #122400, #00091B, #040006)
• Deep Abyss Cabin color palette (#D2E9E7, #00491C, #002425, #000813, #070000)
• Shadow Spruce Dune color palette (#EBE6D6, #525C62, #303000, #141D17, #000601)
• Moonless Forest Courtyard color palette (#E8EED8, #006A32, #004144, #001B38, #03000A)
• Eclipse Fern color palette (#E2E0C7, #4C6300, #093B02, #001D0D, #00080A)
• Navy Basin color palette (#E7E7D0, #284700, #110062, #100021, #060000)
• Washed Lagoon Canyon color palette (#EADCD5, #2F9096, #004355, #002417, #000A16)
• Midnight Forest Chapel color palette (#EAEACE, #236C4B, #00332E, #330100, #000803)

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