Cocoa Ridge color palette — #F3E2DE · #7A3200 · #3D2400 · #140D00 · #020200

Rust takes the lead with Espresso close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Parchment (#F3E2DE): bright and airy, almost weightless.
• Rust (#7A3200): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#3D2400): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#140D00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#020200): a grounded near-black with real depth.

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

• Ancient Bronze color palette (#EDDFD6, #AA5E00, #5A3700, #1E1100, #020100)
• Midnight Loft color palette (#F2DCE1, #98002B, #531300, #1C0B00, #030100)
• Lowlit Garden color palette (#FBEBD8, #6A4200, #0B13AE, #2D1900, #00000C)
• Deep Chestnut color palette (#F2EDDC, #6D5A00, #342800, #0E1719, #0C0700)
• Moonless Navy Ridge color palette (#EDDDC5, #4F3600, #003161, #100969, #020100)
• Denim Garden color palette (#FCE1E8, #006595, #6C4B00, #0D0D06, #020100)
• Dusty Cabin color palette (#FDE3C6, #898B00, #00784C, #540F00, #040300)
• Aged Pier color palette (#F9ECD9, #857100, #434500, #172800, #001305)

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