Cocoa Study color palette — #F1EAE5 · #C3B7A5 · #8F9267 · #6B3300 · #271D15
A conversation between Bronze and Moss, giving this palette its sense of nature and growth.
The five colors
- Cream (#F1EAE5): bright and airy, almost weightless.
- Stone (#C3B7A5): A luminous, dusty gold — the color of honey in a jar.
- Moss (#8F9267): A luminous, dusty green — the color of new leaves after rain.
- Bronze (#6B3300): A deep, shadowed, balanced gold — the color of honey in a jar.
- Onyx (#271D15): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Cocoa Study 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 Garnet Chapel color palette (#ECDFDD, #CAB4A8, #A78767, #79193A, #2C1A17)
- Antique Cocoa Study color palette (#E9DCE0, #A9B8A8, #7B9581, #633700, #15050C)
- Dusty Chestnut color palette (#F6EBE2, #D0C2B0, #B3A288, #8B5000, #271D14)
- Weathered Fern color palette (#EFEFE8, #C8CFBD, #90A98C, #40601C, #2F2F22)
- Timeworn Olive color palette (#E8E6E0, #9A9C89, #5F7B3C, #2D2D00, #0D0900)
- Aged Terrace color palette (#F9F4EF, #DADCD2, #B9C4B2, #916B45, #4D4640)
- Soft Olive Balcony color palette (#F4EEDD, #5B8939, #005234, #50172A, #0D2000)
- Powdered Lantern color palette (#FFE2D5, #988251, #2E6621, #432E59, #361A41)
Browse the whole catalog at Explore, or see today's palette.