Cocoa Ridge color palette — #FCE5D0 · #764200 · #004B30 · #331900 · #000803

Built around Bronze, softened by Forest — the whole palette hums with optimism and sophistication.

The five colors

• Parchment (#FCE5D0): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#764200): A full-bodied, balanced gold — the color of old brass.
• Forest (#004B30): A deep, shadowed, balanced teal — the color of sea glass.
• Onyx (#331900): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#000803): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Inked Market color palette (#FCE2D5, #941D00, #2C4800, #410700, #030800)
• Shadow Chestnut Thicket color palette (#F1E7CE, #735B00, #242F32, #181400, #030200)
• Onyx Dune color palette (#EFDAC8, #5E3300, #273B00, #470025, #040100)
• Deep Garnet Archive color palette (#F1E7C4, #565400, #77002D, #232200, #130003)
• Moonless Navy color palette (#FAE5D4, #763900, #00387A, #331500, #000105)
• Timeworn Olive color palette (#FBE8D1, #AE965C, #736900, #512B00, #180E00)
• Ancient Study color palette (#EFEBD9, #6D7400, #006572, #393D00, #001F24)
• Antique Navy Harbor color palette (#F2D7E3, #B3601E, #004595, #592900, #000516)

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