Cocoa Ridge color palette — #F3DBCA · #783200 · #043404 · #001624 · #130011

Rust and Deep Forest set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F3DBCA): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Rust (#783200): A full-bodied, balanced orange — the color of autumn markets.
• Deep Forest (#043404): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#001624): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#130011): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, 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

• Deep Garnet color palette (#FED9CE, #8D002A, #2F2B00, #001817, #060025)
• Charred Harbor color palette (#F6ECDE, #503800, #00241E, #04002C, #060001)
• Tempered Station color palette (#F5DAC0, #855C00, #554200, #242100, #011204)
• Dusty Plum color palette (#E3DBEB, #B4037C, #4D4600, #07007E, #15000B)
• Weathered Onyx color palette (#FBD6C6, #8E703F, #4A4D1D, #002D40, #1B0C3C)
• Rose Lagoon color palette (#FFE7D4, #FB4D58, #A05700, #554500, #100600)
• Olive Villa color palette (#F4E7D2, #746E0D, #2E3E00, #440512, #121000)
• Ancient Lagoon color palette (#EEECD3, #496200, #003E46, #260056, #2A0006)

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