Cocoa Ridge color palette — #FFE3ED · #5B3400 · #211F00 · #001223 · #050100

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

The five colors

• Rose Water (#FFE3ED): A whisper-light, dusty rose — the color of strawberry cream.
• Cocoa (#5B3400): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#211F00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#001223): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#050100): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

Use it as a design system

One click turns Cocoa Ridge 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 Workshop color palette (#EBDEE9, #7E0010, #2A2600, #001120, #090000)
• Rust Dune color palette (#FAE8ED, #AE4323, #5B3400, #1E1B00, #020E00)
• Obsidian Onyx Garden color palette (#D5E9D6, #513600, #003009, #12002D, #030100)
• Hushed Garnet color palette (#E6DFE4, #A0AEA0, #62897A, #641A00, #1D0E18)
• Moonless Garden color palette (#DDF9DF, #9D1E3A, #3C2E00, #0E0054, #1A0400)
• Hazy Navy Workshop color palette (#FFF0F5, #824F00, #3D4A00, #001677, #221000)
• Moonless Mulberry color palette (#F4ECFF, #820065, #00341C, #250028, #0F0005)
• Patina Aubergine Summit color palette (#D7EDE5, #566100, #004B31, #3B0057, #140F00)

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