Cocoa Canyon color palette — #F8EAEE · #C6D4C7 · #97AC9D · #6E4200 · #080003
Built around Bronze, softened by Black — the whole palette hums with optimism and sophistication.
The five colors
- Blush (#F8EAEE): a clean, paper-quiet neutral.
- Oat (#C6D4C7): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#97AC9D): A luminous, dusty teal — the color of shallow lagoons.
- Bronze (#6E4200): A full-bodied, balanced gold — the color of honey in a jar.
- Black (#080003): A deep, shadowed, dusty rose — the color of strawberry cream.
Feels like: Optimism, Sophistication. Tagged scandi, muted, light.
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
- Hushed Archive color palette (#F6EAF2, #E0C8D5, #BE9AA9, #842C0F, #060104)
- Patina Basalt color palette (#F0E8E1, #AA9E8A, #788251, #522A00, #090300)
- Wandering Cabin color palette (#D6E3DB, #AFBFB8, #759B90, #443D00, #000201)
- Weathered Market color palette (#F2E7EB, #A2BAB6, #75A6AA, #A55D00, #200D15)
- Forest Dune color palette (#CBE9DF, #719D4E, #125E10, #392800, #000200)
- Ancient Pine Alley color palette (#EEF7F6, #CADEE6, #9EC3C5, #097422, #00100F)
- Ancient Workshop color palette (#EFF4D0, #81A266, #317448, #003E4A, #000911)
- Hazy Grove color palette (#D8FEE2, #F79E21, #C29100, #686900, #020100)
Browse the whole catalog at Explore, or see today's palette.