Cocoa Ridge color palette — #FFE3D7 · #712C00 · #003C4C · #00212B · #0C0200

Rust and Deep Teal set the tone — five colors that lean into trust and stability.

The five colors

• Rose Water (#FFE3D7): A whisper-light, dusty orange — the color of toasted spice.
• Rust (#712C00): A deep, shadowed, balanced orange — the color of autumn markets.
• Deep Teal (#003C4C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#00212B): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#0C0200): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, 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

• Nocturne Onyx color palette (#FBEDDE, #693F00, #002E42, #150040, #0C0011)
• Twilit Garnet Station color palette (#FFDFD9, #80003C, #00412F, #002318, #0F0003)
• Fern Archive color palette (#CAE8DB, #434800, #003F40, #00202C, #010100)
• Forest Garden color palette (#F7EBDC, #815700, #00633B, #003E3E, #080400)
• Brick Market color palette (#F0DED6, #C40712, #003C35, #4F0103, #000200)
• Lowlit Onyx color palette (#ECE1D6, #864300, #1F3800, #19004D, #110A00)
• Charred Navy Chapel color palette (#FBE7D4, #542C00, #1C0080, #0B0044, #040100)
• Antique Market color palette (#FAEDE1, #B0A997, #81853D, #522D00, #1B1208)

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