Cocoa Orchard color palette — #ECFBE0 · #CAE4D0 · #D2B7CD · #A8957F · #674700
Built around Bronze, softened by Rosewood Mist — the whole palette hums with optimism and sophistication.
The five colors
- Custard (#ECFBE0): A whisper-light, dusty green — the color of a quiet forest floor.
- Celadon Mist (#CAE4D0): A whisper-light, dusty teal — the color of sea glass.
- Rosewood Mist (#D2B7CD): A luminous, dusty pink — the color of peonies in June.
- Taupe (#A8957F): A luminous, dusty gold — the color of old brass.
- Bronze (#674700): A full-bodied, balanced gold — the color of old brass.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.
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
- Muted Fern color palette (#D8FFF5, #EAC6D7, #C8A9A9, #939177, #5C5500)
- Aged Harbor color palette (#9BFDFD, #A5CEF5, #B0A7D2, #9C8658, #5F4915)
- Hushed Powder Harbor color palette (#FAF4EE, #C6DFEE, #B0C7F4, #73ADB4, #644959)
- Powder Bloom color palette (#D8F9FC, #ABC8D8, #8793AA, #7A6269, #48373D)
- Softworn Summit color palette (#FCF1FC, #B8D8FF, #EEBA9B, #85ABDA, #723E07)
- Powder Corridor color palette (#C1EAF1, #8DB7E0, #A28EB8, #787245, #3A3A0B)
- Petrol Balcony color palette (#D5E9E6, #5590AA, #606398, #594712, #1C1500)
- Weathered Powder Coast color palette (#FFEFFF, #A2CAFE, #DFB587, #A5A96D, #4D3B4E)
Browse the whole catalog at Explore, or see today's palette.