Cocoa Ridge color palette — #F0E0E8 · #883A00 · #00342A · #0D001D · #060000

Burnt Sienna and Ink set the tone — five colors that lean into optimism and sophistication.

The five colors

• Rose Water (#F0E0E8): A whisper-light, dusty rose — the color of pressed rose petals.
• Burnt Sienna (#883A00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Forest (#00342A): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#0D001D): A deep, shadowed, dusty violet — the color of wild irises.
• Black (#060000): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged 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

• Chestnut Harbor color palette (#E0F6E5, #695100, #00313A, #14000F, #020200)
• Smoked Garnet Delta color palette (#FFECE1, #6F1800, #002513, #07002A, #050005)
• Midnight Mulberry Drift color palette (#EDD9EC, #A00028, #00351E, #00090C, #00000B)
• Nocturne Alley color palette (#D5E3D7, #4E3800, #271F10, #030D0B, #010100)
• Bronze Canyon color palette (#F8E1C7, #7B6B00, #393F00, #0E1900, #000200)
• Deep Olive color palette (#C6EBDD, #626F00, #003E6A, #2E0014, #040001)
• Timeworn Fern Terrace color palette (#F1DBCF, #927C43, #33561C, #30194C, #030005)
• Antique Quarry color palette (#ECEBD8, #578100, #006459, #003B55, #02000D)

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