Cocoa Ridge color palette — #EEDCD1 · #7D2D00 · #003321 · #0F0045 · #0B0015

Rust and Deep Indigo set the tone — five colors that lean into optimism and creativity.

The five colors

• Bone (#EEDCD1): A whisper-light, dusty gold — the color of old brass.
• Rust (#7D2D00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Forest (#003321): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#0F0045): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#0B0015): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Optimism, Creativity, Depth, Luxury. Tagged dark.

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

• Onyx Field color palette (#FCEED8, #5E4500, #00303A, #150040, #110017)
• Smoked Dune color palette (#F3DFD8, #8D0029, #003507, #001622, #02030D)
• Basalt Cabin color palette (#F7EADC, #495854, #503200, #17221D, #090900)
• Dusty Bronze color palette (#F9E1CD, #906800, #443B00, #1D2A00, #001610)
• Plum Balcony color palette (#F7DFFB, #BD004B, #00523B, #310064, #0B0020)
• Antique Boulevard color palette (#F8EBE3, #009EC7, #004D7F, #00302D, #060D38)
• Feathered Pine color palette (#F4D9E4, #BC6800, #177911, #004B60, #0E001B)
• Dusty Fern Cabin color palette (#EEDCD7, #906A31, #325100, #332651, #2F062E)

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