Cocoa Ridge color palette — #F4E4DA · #7F2B00 · #2A3200 · #2F003B · #040001

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

The five colors

• Parchment (#F4E4DA): A whisper-light, dusty gold — the color of honey in a jar.
• Rust (#7F2B00): A full-bodied, balanced orange — the color of toasted spice.
• Deep Forest (#2A3200): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Deep Indigo (#2F003B): A deep, shadowed, balanced pink — the color of neon signs at night.
• Black (#040001): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Nature, Growth, Optimism, Creativity, Depth, Luxury. Tagged jewel, vibrant, 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

• Cocoa Summit color palette (#FFECDD, #5B2900, #192E00, #23001C, #040000)
• Shadow Mulberry Courtyard color palette (#F5E3DF, #97003E, #453100, #170049, #040003)
• Inked Cocoa Market color palette (#F5E0EB, #792E00, #003733, #001A43, #14000C)
• Moonless Workshop color palette (#F8E7D3, #644000, #48005C, #3D0021, #030000)
• Forest Garden color palette (#FEE3CA, #8B4F00, #1A5300, #4B0035, #130000)
• Velvet Chestnut color palette (#EDE4D7, #725200, #214000, #00201C, #0B0100)
• Timeworn Cocoa color palette (#E8E1DA, #C0B09E, #998B77, #643700, #110903)
• Hushed Cabin color palette (#FFF3E8, #A55200, #004A4A, #002D35, #030003)

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