Cocoa Study color palette — #D4E6D3 · #00655E · #633B00 · #2D2B00 · #020400

Bronze and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#D4E6D3): A whisper-light, dusty green — the color of fresh herbs.
• Pine (#00655E): A full-bodied, dusty teal — the color of glacier melt.
• Bronze (#633B00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Espresso (#2D2B00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#020400): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, muted.

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

• Chalky Nightshade Veranda color palette (#DAEDDE, #00666D, #31259D, #243100, #000604)
• Airy Garnet Station color palette (#E3E3D0, #4A7000, #80002F, #401600, #050300)
• Aged Workshop color palette (#D7F0F4, #009180, #864900, #494100, #001605)
• Airy Thicket color palette (#FDE4FA, #0059C8, #105707, #003029, #00070B)
• Timeworn Cobalt color palette (#E2F7F2, #4A83C6, #49682F, #00493A, #001609)
• Sunlit Mulberry color palette (#FFF1F7, #906DDE, #9C2261, #3A3200, #000201)
• Navy Boulevard color palette (#EED7F1, #003E70, #1D2B00, #001911, #000102)
• Indigo Lantern color palette (#FFEBF6, #7860D9, #00664E, #003B45, #000A24)

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