Cocoa Ridge color palette — #FCE4D6 · #802B00 · #223A00 · #001A25 · #060001

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

The five colors

• Parchment (#FCE4D6): A whisper-light, dusty gold — the color of honey in a jar.
• Rust (#802B00): A full-bodied, balanced orange — the color of autumn markets.
• Forest (#223A00): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#001A25): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#060001): A deep, shadowed, dusty red — the color of embers at dusk.

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

• Velvet Fern Bloom color palette (#F4ECDA, #584900, #003D36, #00192D, #060001)
• Lowlit Mulberry Balcony color palette (#F6D9D1, #A4043F, #204200, #001840, #03000A)
• Smoked Garnet color palette (#FFE8E0, #880038, #542800, #001D12, #02000C)
• Washed Rust Parlor color palette (#F9E5E8, #C74123, #6C3800, #2C1E00, #020200)
• Forest Workshop color palette (#FCEBD2, #845C00, #00693C, #003E40, #000205)
• Hushed Summit color palette (#F1E4DE, #B1A195, #918470, #782320, #130502)
• Chalky Delta color palette (#F1E3D9, #E9509E, #C95A00, #575B00, #050200)
• Misty Aubergine color palette (#E8E9DA, #376500, #005142, #250061, #060100)

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