Cocoa Canyon color palette — #EAF8FF · #00788D · #6B2E00 · #351A00 · #010100

Rust takes the lead with Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EAF8FF): a clean, paper-quiet neutral.
• Teal (#00788D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Rust (#6B2E00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Espresso (#351A00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#010100): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, 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

• Wandering Ultramarine color palette (#EEF6FF, #0064B9, #5C3E00, #3B2600, #000202)
• Garnet Dune color palette (#E5F9FF, #007366, #7F0025, #490011, #000201)
• Twilit Denim Pier color palette (#C8EAFD, #005B72, #532A00, #151500, #010100)
• Muted Loft color palette (#E8F4FF, #0083BC, #91003E, #2C2400, #020200)
• Chalky Aubergine color palette (#E7F9FF, #007175, #4C0DA9, #430024, #000201)
• Ancient Nightshade color palette (#FFECC1, #0096CA, #573DA4, #372900, #00040E)
• Byzantium Veranda color palette (#F4F4FF, #983FF8, #675B00, #433B00, #000204)
• Tempered Lapis Studio color palette (#F1F5FF, #654AF4, #673100, #332300, #000201)

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