Cocoa Ridge color palette — #F6E2C6 · #86853D · #7E5800 · #6A2800 · #010500

Built around Rust, softened by Coffee — the whole palette hums with nature and growth.

The five colors

• Parchment (#F6E2C6): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Olive Leaf (#86853D): A luminous, balanced green — the color of new leaves after rain.
• Coffee (#7E5800): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Rust (#6A2800): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#010500): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Moonless Garden color palette (#F5E5CE, #857115, #4F3700, #1F0D00, #010100)
• Patina Garnet Coast color palette (#FFE5D3, #A0793A, #994300, #7A0026, #040300)
• Weathered Bronze color palette (#F2DAC8, #A34C00, #803A00, #003D3F, #060002)
• Washed Mulberry color palette (#ECD9DB, #B16FAD, #7D5F00, #91008F, #030200)
• Linen Plum color palette (#FBEBE8, #B5395C, #775E00, #00524D, #060001)
• Worn Rust color palette (#F9E9E0, #BF9767, #C2592B, #92354C, #1B1600)
• Powdered Veranda color palette (#EAE3D2, #A2BC85, #9F8F32, #955C16, #002D17)
• Timeworn Lantern color palette (#F1E2F4, #C8557F, #AC2900, #573400, #030200)

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