Cocoa Canyon color palette — #FFF3E8 · #65A88A · #26719D · #753D00 · #2B452A
A conversation between Bronze and Slate, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF3E8): a clean, paper-quiet neutral.
- Jade (#65A88A): A luminous, balanced teal — the color of glacier melt.
- Slate (#26719D): A full-bodied, balanced blue — the color of open sky before noon.
- Bronze (#753D00): A full-bodied, balanced gold — the color of old brass.
- Forest (#2B452A): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged retro, 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
- Washed Coast color palette (#F3F7EA, #529A6D, #4D5DA5, #574700, #0A4325)
- Worn Delta color palette (#FAF5E6, #71B6AE, #5C77A7, #635B00, #364E3F)
- Dusty Garnet Studio color palette (#FFF2EF, #939E67, #007979, #812A41, #3D3E37)
- Petrol Station color palette (#E5F8E8, #35AFB4, #0073A7, #6A323D, #0F2630)
- Pine Cabin color palette (#FEF3E8, #BAAF8B, #528151, #23646B, #504100)
- Linen Boulevard color palette (#FFF4E2, #5BC4C8, #248FCA, #8E4D59, #2B4434)
- Hushed Chestnut color palette (#F0EED5, #B1C2A4, #689081, #745E0E, #3D5032)
- Linen Grove color palette (#F3E4BB, #00936C, #005786, #403900, #003030)
Browse the whole catalog at Explore, or see today's palette.