Cocoa Study color palette — #F6EBD9 · #6B3700 · #212600 · #050031 · #020100

Built around Bronze, softened by Ink — the whole palette hums with nature and growth.

The five colors

• Cream (#F6EBD9): A whisper-light, dusty gold — the color of honey in a jar.
• Bronze (#6B3700): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#212600): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#050031): A deep, shadowed, balanced violet — the color of wild irises.
• Black (#020100): quiet, heavy and certain.

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

• Charred Fern Grove color palette (#FFECDB, #4A4A00, #002A1E, #150020, #010200)
• Lowlit Garnet color palette (#F3EDDA, #88001A, #301F00, #000B1B, #030000)
• Eclipse Lantern color palette (#D1E8D7, #815C00, #383300, #00110C, #020100)
• Cellar Cabin color palette (#EFDDD1, #6A5F18, #003E16, #1F062B, #100004)
• Frosted Rust color palette (#ECE0D2, #D14700, #755800, #004813, #010100)
• Fern Balcony color palette (#F7E5D0, #9B7000, #1A5C00, #2F1E5A, #140D00)
• Hushed Emerald color palette (#FFE9DE, #3E9600, #005E5F, #5A0041, #00170B)
• Dusty Harbor color palette (#EADBCE, #2580B7, #083288, #001F22, #01000A)

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