Cocoa Ridge color palette — #FDE1CD · #976B3E · #6E3100 · #4B0F05 · #1F1400

Rust and Espresso set the tone — five colors that lean into optimism and warmth.

The five colors

• Parchment (#FDE1CD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Walnut (#976B3E): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#6E3100): A deep, shadowed, balanced gold — the color of old brass.
• Espresso (#4B0F05): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#1F1400): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm, 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

• Bronze Coast color palette (#F8E8CD, #807826, #564200, #3A2200, #141900)
• Timeworn Chestnut Field color palette (#F6E2D5, #A97D55, #853E12, #5D2018, #322000)
• Bronze Meadow color palette (#FFEADC, #C6905F, #A24E1E, #72342C, #39352F)
• Rust Alley color palette (#EFE0E7, #C6935F, #C15B00, #923A29, #001D06)
• Muted Basin color palette (#FEE7F9, #BB4A88, #8D0035, #490400, #270B00)
• Deep Fern Archive color palette (#EAE2C9, #516204, #302D00, #170F00, #010500)
• Byzantium Quarry color palette (#F4E1E5, #A24BB8, #6F2100, #500061, #0B0100)
• Aubergine Villa color palette (#FFE6ED, #7800A5, #4E4300, #00321E, #160321)

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