Cocoa Study color palette — #E9F0E9 · #C7D4C9 · #95AD9E · #6A4500 · #000400

Bronze takes the lead with Sage close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#E9F0E9): a clean, paper-quiet neutral.
• Oat (#C7D4C9): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#95AD9E): A luminous, dusty teal — the color of sea glass.
• Bronze (#6A4500): 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: 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

• Weathered Basalt color palette (#E6DFD8, #A69F91, #748259, #4F2D00, #090300)
• Wandering Meadow color palette (#E0EFE8, #ACC0B9, #769B92, #403E00, #000201)
• Cocoa Market color palette (#F8E9F2, #DBCBD2, #BB9CA7, #832E00, #080005)
• Hushed Pine Delta color palette (#EEF7F7, #CDDCE4, #9FC2C6, #007337, #00100F)
• Patina Canyon color palette (#D0E7E1, #62A054, #005E27, #362900, #000200)
• Antique Parlor color palette (#EFF2D7, #7A9752, #386643, #003A43, #00070C)
• Worn Bronze Grove color palette (#F7EDF0, #A1BAB8, #7FA2A6, #9F6100, #220B14)
• Powdered Cabin color palette (#DDFFE8, #EBA200, #B49A00, #5A6800, #010100)

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