Cocoa Canyon color palette — #FAE9F3 · #9FA065 · #6B2E13 · #3D1100 · #1E111A
A conversation between Rust and Moss, giving this palette its sense of nature and growth.
The five colors
- Blush (#FAE9F3): A whisper-light, dusty pink — the color of neon signs at night.
- Moss (#9FA065): A luminous, dusty green — the color of a quiet forest floor.
- Rust (#6B2E13): A deep, shadowed, balanced orange — the color of toasted spice.
- Espresso (#3D1100): A deep, shadowed, dusty orange — the color of sun-warmed clay.
- Ink (#1E111A): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, 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
- Tempered Courtyard color palette (#E4F3E6, #AF9966, #583D00, #2E1E00, #071B0B)
- Muted Chestnut Grove color palette (#FBE8F2, #D0B06B, #944D1F, #572502, #1F1119)
- Garnet Field color palette (#F1ECF7, #7CA97A, #67284E, #3C0A2A, #1B1124)
- Softworn Coast color palette (#FDEAE0, #D5CD59, #C36D51, #734A3D, #221108)
- Wandering Bronze Grove color palette (#FFE4F0, #8A7C00, #283528, #3F1C00, #130500)
- Washed Studio color palette (#FCF2F8, #C98674, #006C6C, #8F2200, #001C23)
- Dusty Fern Villa color palette (#F0F7F4, #ACCAA9, #61612D, #174232, #1C2929)
- Fern Chapel color palette (#DEFDF6, #D98D54, #265500, #122E00, #00201C)
Browse the whole catalog at Explore, or see today's palette.