Cocoa Study color palette — #E5F2E5 · #BDD8C3 · #88B19A · #684600 · #000400

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

The five colors

• Cream (#E5F2E5): A whisper-light, dusty green — the color of fresh herbs.
• Oat (#BDD8C3): A whisper-light, dusty teal — the color of sea glass.
• Sage (#88B19A): A luminous, dusty teal — the color of sea glass.
• Bronze (#684600): A full-bodied, balanced gold — the color of honey in a jar.
• Ink (#000400): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Basalt Courtyard color palette (#D5E4DD, #A5C2B8, #789A92, #3F3E00, #000201)
• Wandering Bronze color palette (#ECE3D8, #A89F8E, #8D7B32, #4C2F00, #080300)
• Weathered Cocoa Thicket color palette (#F9E9F2, #E6C5D4, #BA9DA7, #813000, #060104)
• Antique Forest Canyon color palette (#EBF8F8, #C2E1F0, #98C4C9, #2A6F46, #001010)
• Ancient Emerald Summit color palette (#C5EBE1, #60A054, #005E29, #362900, #000201)
• Worn Basalt color palette (#F1E8EB, #9BAFA4, #628882, #512E00, #240915)
• Bronze Market color palette (#E1EAE0, #A1B4B2, #78A1A2, #9B6400, #081807)
• Softworn Orchard color palette (#E3E3C6, #7C9C3B, #3E6E3C, #004046, #000A11)

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