Cocoa Study color palette — #FEECDE · #592B00 · #002D43 · #00101B · #040001

Espresso and Midnight set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FEECDE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Espresso (#592B00): A deep, shadowed, balanced gold — the color of old brass.
• Midnight (#002D43): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#00101B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#040001): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, 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

• Midnight Meadow color palette (#E4DECF, #403100, #00192D, #00060F, #040000)
• Shadow Onyx color palette (#F0DAC5, #6B3C00, #00312D, #160033, #020007)
• Lowlit Basalt color palette (#ECE0C9, #4E5A59, #423500, #18211E, #040800)
• Inked Garnet Cabin color palette (#FFE4E1, #79003A, #00272B, #090D23, #01000B)
• Eclipse Alley color palette (#FAE5C6, #573F00, #240071, #200023, #040000)
• Obsidian Station color palette (#F8DBD1, #895300, #493C00, #131A00, #000200)
• Velvet Navy color palette (#FCE3F0, #893900, #004748, #130077, #060002)
• Softworn Hollow color palette (#ECE0D5, #A99E8A, #897D34, #512B00, #090300)

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