Cocoa Study color palette — #D7E6ED · #005B76 · #732C00 · #471800 · #000204

Rust and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D7E6ED): bright and airy, almost weightless.
• Peacock (#005B76): A full-bodied, balanced blue — the color of deep harbor water.
• Rust (#732C00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Espresso (#471800): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#000204): a grounded near-black with real depth.

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

• Deep Lantern color palette (#CFE6DA, #00566F, #750017, #251400, #000102)
• Denim Hollow color palette (#DAEBFF, #00529A, #564200, #342700, #000206)
• Hushed Mulberry Chapel color palette (#D1E6DF, #0072B5, #9A2B86, #5B4100, #000205)
• Hushed Aubergine color palette (#EAECD2, #0067AB, #550984, #212100, #01001A)
• Quiet Basin color palette (#D9E6F6, #0064E8, #666500, #424700, #000B28)
• Aubergine Parlor color palette (#D2E8F5, #0081A2, #65038E, #003F50, #02000D)
• Linen Studio color palette (#E5E7FF, #6347FF, #214F00, #003929, #01021A)
• Cobalt Study color palette (#C7E2F8, #0089C9, #8E6C00, #684E00, #001C32)

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