Cocoa Studio color palette — #FFF3E7 · #DCE0C9 · #9EE0B6 · #B8846D · #6A4500
Bronze takes the lead with Mint close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
- Celadon Mist (#DCE0C9): A whisper-light, dusty green — the color of a quiet forest floor.
- Mint (#9EE0B6): A whisper-light, balanced teal — the color of sea glass.
- Caramel (#B8846D): A luminous, dusty orange — the color of sun-warmed clay.
- Bronze (#6A4500): A full-bodied, balanced gold — the color of honey in a jar.
Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.
Use it as a design system
One click turns Cocoa Studio 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
- Washed Thicket color palette (#F9F5E6, #B0EFF0, #88DADF, #AA9A6C, #504B00)
- Dusty Cocoa color palette (#FFF2EE, #E0D8CF, #FFCE95, #B58497, #74371A)
- Washed Archive color palette (#FFF1F6, #D4FFE1, #A4E8D4, #DEA09B, #3C5341)
- Weathered Drift color palette (#FFF3E8, #D9B78F, #BF7E4C, #8E5A48, #403D36)
- Washed Study color palette (#FFF3DF, #E8E76D, #77D968, #B76700, #3E3400)
- Dusty Bronze color palette (#F8F5EC, #DFC080, #7F7319, #494319, #262114)
- Moss Courtyard color palette (#F4E5D2, #C4B66A, #64AD00, #8D4700, #1E1700)
- Airy Lagoon color palette (#F6EFCE, #81B35E, #009C6E, #5F4500, #080D00)
Browse the whole catalog at Explore, or see today's palette.