Cocoa Studio color palette — #D5E3D7 · #763500 · #262500 · #060038 · #060300

A conversation between Bronze and Deep Indigo, giving this palette its sense of nature and growth.

The five colors

• Bone (#D5E3D7): A whisper-light, dusty green — the color of a quiet forest floor.
• Bronze (#763500): A full-bodied, balanced gold — the color of honey in a jar.
• Onyx (#262500): A deep, shadowed, dusty green — the color of new leaves after rain.
• Deep Indigo (#060038): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#060300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Depth. Tagged retro, 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

• Smoked Garden color palette (#D0F0DA, #8B092F, #341E00, #000D21, #0B0100)
• Velvet Cocoa Pier color palette (#FFE1EF, #5F2D00, #00241E, #090028, #14010A)
• Cellar Cocoa Delta color palette (#F2E9D8, #5C4100, #272400, #000E0A, #020100)
• Shadow Fern Cabin color palette (#F7E8DF, #516000, #003930, #2F002A, #011000)
• Patina Scarlet color palette (#D2EAD3, #DB2600, #8B5900, #284D00, #040300)
• Wandering Balcony color palette (#F9D7C4, #77673D, #114D22, #221537, #1A0018)
• Rust Courtyard color palette (#F3DFC3, #BE5800, #5F5D00, #282A86, #070300)
• Ancient Navy Meadow color palette (#F3E1E9, #4E88A9, #00397E, #002224, #07002B)

Browse the whole catalog at Explore, or see today's palette.