Cocoa Studio color palette — #FEF4E0 · #D0BC88 · #93966B · #337D73 · #5B4400
A conversation between Bronze and Teal, giving this palette its sense of nature and growth.
The five colors
- Cream (#FEF4E0): A whisper-light, dusty gold — the color of old brass.
- Sand (#D0BC88): A luminous, dusty gold — the color of honey in a jar.
- Moss (#93966B): A luminous, dusty green — the color of new leaves after rain.
- Teal (#337D73): A full-bodied, dusty teal — the color of sea glass.
- Bronze (#5B4400): A full-bodied, balanced gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged retro, 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
- Ancient Delta color palette (#FFF3E5, #EDAD92, #B28961, #5D7753, #6C3900)
- Washed Stone color palette (#FBF4EA, #CBAD72, #79966A, #8B5670, #5E3728)
- Dusty Taupe color palette (#E8FBEF, #EEDCA6, #A1A960, #368178, #32443A)
- Timeworn Lagoon color palette (#FBF6D9, #7FC48B, #519680, #3A688B, #354400)
- Hushed Cocoa Corridor color palette (#FFF4DC, #DED9C3, #A7A796, #7C8B7D, #7F3F28)
- Aged Bronze color palette (#F6F6ED, #D2D4B5, #9AA07B, #9B7635, #515100)
- Moss Workshop color palette (#FDF8C5, #AFAF20, #589000, #00686F, #323A00)
- Antique Summit color palette (#F8F1E3, #AB9C54, #695700, #3B3831, #24211C)
Browse the whole catalog at Explore, or see today's palette.