Cocoa Studio color palette — #F5DDC9 · #6B3200 · #1B3400 · #2D0029 · #160001
A conversation between Bronze and Deep Indigo, giving this palette its sense of nature and growth.
The five colors
- Parchment (#F5DDC9): A whisper-light, dusty gold — the color of old brass.
- Bronze (#6B3200): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Deep Forest (#1B3400): A deep, shadowed, balanced green — the color of fresh herbs.
- Deep Indigo (#2D0029): A deep, shadowed, balanced pink — the color of a candy shop window.
- Ink (#160001): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Optimism, Creativity, Warmth, Comfort. Tagged jewel, vibrant, dark, 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
- Basalt Dune color palette (#EDDEC5, #453600, #00271A, #230007, #040100)
- Moonless Garnet color palette (#F4D8D0, #90002E, #362900, #200044, #140002)
- Smoked Lantern color palette (#FEE9D7, #663300, #3D0076, #300027, #130001)
- Shadow Chapel color palette (#F4DDC6, #663C00, #00393D, #1C005C, #040000)
- Fern Courtyard color palette (#F5EED8, #5B5C00, #004225, #002428, #210A00)
- Antique Cocoa color palette (#F1E8DB, #C4B7A0, #988D72, #5A3F00, #281D0D)
- Hushed Bronze color palette (#F3E7C8, #8D7900, #4E4F00, #242A00, #00180C)
- Frosted Orchard color palette (#F0DFE5, #935000, #00555A, #241294, #170006)
Browse the whole catalog at Explore, or see today's palette.