Worn Cocoa Canyon color palette — #DFF7E7 · #00788C · #883A00 · #00313B · #030100

Burnt Sienna and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#DFF7E7): A whisper-light, dusty teal — the color of glacier melt.
• Teal (#00788C): A full-bodied, balanced blue — the color of deep harbor water.
• Burnt Sienna (#883A00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Forest (#00313B): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#030100): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.

Use it as a design system

One click turns Worn 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

• Sapphire Dune color palette (#FAE5FC, #006BC3, #774800, #002B55, #020100)
• Cocoa Study color palette (#D6EAF4, #005B6E, #692700, #00252F, #100200)
• Dusty Mulberry Ridge color palette (#E6F1E5, #007B79, #99005D, #003332, #040001)
• Cellar Thicket color palette (#DEEDF4, #0086BD, #004158, #000B13, #000103)
• Patina Veranda color palette (#FFEAD0, #817329, #523500, #220A00, #010100)
• Dusty Olive color palette (#D1E8F3, #008DA7, #687B00, #005F71, #050700)
• Sky Lagoon color palette (#E4FCF1, #4DC7FE, #AA7B00, #006C93, #221600)
• Violet Hollow color palette (#D6F7FF, #8FBBF2, #9570E4, #005A4F, #000103)

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