Cocoa Orchard color palette — #FCF4E8 · #C2E2CC · #C1C6D1 · #D3B491 · #5E4A00
Built around Bronze, softened by Sand — the whole palette hums with nature and growth.
The five colors
- Ivory (#FCF4E8): a clean, paper-quiet neutral.
- Celadon Mist (#C2E2CC): A whisper-light, dusty teal — the color of sea glass.
- Oat (#C1C6D1): a calm mid-gray that lets other colors speak.
- Sand (#D3B491): A luminous, dusty gold — the color of honey in a jar.
- Bronze (#5E4A00): A full-bodied, balanced green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.
Use it as a design system
One click turns Cocoa Orchard 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 Fern Studio color palette (#F3F8E7, #AEE9EA, #CBC4D5, #90B07B, #385210)
- Patina Bronze Bloom color palette (#FDF4E6, #DBE1C0, #C4AA80, #A16E38, #4C3E00)
- Timeworn Celadon color palette (#ECF7FF, #E6FE46, #E1D5CD, #4D4200, #24231D)
- Driftwood Ridge color palette (#F7F6EB, #DEE0CC, #7A8F51, #4F4700, #1C1C14)
- Weathered Driftwood color palette (#EAF5EB, #C1E5E6, #A1CDE1, #A47D94, #2A4036)
- Hazy Emerald Chapel color palette (#F8ECCF, #A3C576, #00A15F, #614300, #010100)
- Antique Amber color palette (#FFF5D5, #C0F5DE, #A9D8EF, #C39600, #383730)
- Aged Stone color palette (#F6F6EA, #ACD18B, #9FAAE5, #A2708B, #32322B)
Browse the whole catalog at Explore, or see today's palette.