Cocoa Chapel color palette — #F6E5CF · #9C996D · #7D5D2D · #663421 · #31312A
Built around Cocoa, softened by Coffee — the whole palette hums with nature and growth.
The five colors
- Parchment (#F6E5CF): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Moss (#9C996D): A luminous, dusty green — the color of fresh herbs.
- Coffee (#7D5D2D): A full-bodied, dusty gold — the color of old brass.
- Cocoa (#663421): A deep, shadowed, dusty orange — the color of toasted spice.
- Espresso (#31312A): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.
Use it as a design system
One click turns Cocoa Chapel 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 Field color palette (#D6E5D7, #A69869, #845C07, #5E3100, #001E13)
- Softworn Chestnut Station color palette (#F3E6D5, #BCAE80, #A17832, #864900, #32302A)
- Faded Coast color palette (#FBD6BB, #B28437, #914000, #6E1427, #2D2A00)
- Olive Hollow color palette (#F8EDDC, #757B3F, #584100, #421B00, #011D02)
- Gentle Chestnut color palette (#E8F2E2, #00846C, #934A22, #712D00, #1D2B12)
- Aged Garnet Alley color palette (#F6E0D4, #90590F, #651C00, #3B0017, #0F0B00)
- Worn Grape Canyon color palette (#F1F7EF, #00B1A5, #6448A7, #005C56, #26101B)
- Hushed Coral color palette (#E1F4E8, #D1818A, #004B5A, #00272F, #021513)
Browse the whole catalog at Explore, or see today's palette.