Cocoa Canyon color palette — #F5E4E9 · #6D4000 · #003F66 · #2F1800 · #000103

Bronze and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Rose Water (#F5E4E9): a clean, paper-quiet neutral.
• Bronze (#6D4000): A full-bodied, balanced gold — the color of honey in a jar.
• Navy (#003F66): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Onyx (#2F1800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#000103): a grounded near-black with real depth.

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

• Nocturne Garnet Lagoon color palette (#F1D5E9, #8B1C00, #004350, #3D0700, #000102)
• Velvet Dune color palette (#DCEAE3, #705300, #28272F, #161500, #010100)
• Nocturne Nightshade color palette (#D2E6D5, #624700, #0015AE, #291C00, #00000B)
• Cellar Delta color palette (#FDECD7, #533400, #003938, #37004C, #020100)
• Wandering Garden color palette (#D3E8D5, #8A6300, #005D7B, #3A2700, #000103)
• Aubergine Thicket color palette (#D1F3E5, #4C5100, #4C008F, #1E2100, #020007)
• Cellar Fern Canyon color palette (#F5E7FA, #006C70, #5D5300, #070A05, #000201)
• Olive Quarry color palette (#F9EDDF, #9F9030, #507A00, #4A1F00, #030200)

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