Cocoa Study color palette — #D0E5F1 · #006983 · #832A00 · #003240 · #210500

A conversation between Rust and Peacock, giving this palette its sense of trust and stability.

The five colors

• Frost (#D0E5F1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Peacock (#006983): A full-bodied, balanced blue — the color of open sky before noon.
• Rust (#832A00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Teal (#003240): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#210500): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Balance. 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

• Gentle Thicket color palette (#D0F9F5, #006E69, #8E0037, #003432, #250009)
• Pale Ultramarine color palette (#CDE1F9, #005EB3, #6A4100, #002C5A, #190C00)
• Wandering Brick Lagoon color palette (#D6F0E3, #0083AA, #B42F00, #004C65, #230300)
• Worn Garnet color palette (#CCE8F6, #005470, #75004D, #333200, #00090F)
• Quiet Bronze Grove color palette (#C7EBFF, #0090C4, #AA5600, #005576, #492100)
• Misty Rust color palette (#D8F7E6, #009CC0, #CA5800, #006D87, #1F0700)
• Muted Bronze color palette (#D3EDD5, #7A6600, #4B3300, #2D1500, #0C0C00)
• Twilit Cobalt Chapel color palette (#D2E8F5, #0080B7, #003D59, #00111E, #000204)

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