Cocoa Canyon color palette — #F8E6DD · #833700 · #004658 · #391400 · #00070B

A conversation between Rust and Deep Teal, giving this palette its sense of trust and stability.

The five colors

• Rose Water (#F8E6DD): A whisper-light, dusty orange — the color of autumn markets.
• Rust (#833700): A full-bodied, balanced orange — the color of autumn markets.
• Deep Teal (#004658): A deep, shadowed, dusty blue — the color of open sky before noon.
• Espresso (#391400): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#00070B): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

One click turns Cocoa Canyon 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

• Mulberry Field color palette (#F3E0DA, #99002E, #004847, #44000F, #000807)
• Velvet Lantern color palette (#EFE5D3, #785900, #243031, #1B1300, #040200)
• Midnight Aubergine color palette (#FFE4D2, #622F00, #003D32, #2D005F, #040100)
• Rust Thicket color palette (#EDDBE5, #AA4600, #006085, #5E2300, #00070D)
• Nightshade Loft color palette (#EEDEC8, #6B4A00, #0916B5, #2D1D00, #000025)
• Aubergine Boulevard color palette (#EFF2E1, #5F6500, #5E00B4, #2C3000, #150032)
• Frosted Cobalt Boulevard color palette (#F1DABF, #AE6E00, #006EB7, #663F00, #002A4C)
• Soft Ultramarine Garden color palette (#F3E7D0, #846A00, #2247CA, #463700, #04104D)

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