Cocoa Study color palette — #D5ECDF · #006B85 · #6A3300 · #402000 · #040400

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

The five colors

• Honeydew (#D5ECDF): A whisper-light, dusty teal — the color of sea glass.
• Peacock (#006B85): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#6A3300): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Espresso (#402000): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#040400): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Dusty Pier color palette (#DFF9EA, #007AA2, #714A00, #482D00, #0A0A00)
• Garnet Study color palette (#D8E4CF, #006F63, #7F0020, #4C1800, #080400)
• Faded Ultramarine color palette (#EDD9EC, #005FB8, #750800, #491C00, #020500)
• Patina Corridor color palette (#D7F5E7, #00759C, #7F0054, #2A2900, #090D00)
• Mulberry Summit color palette (#DAEDF9, #0080A1, #A51B4B, #5E4200, #001516)
• Aubergine Courtyard color palette (#F7EBD4, #0083B3, #512F9F, #372B00, #19051B)
• Sunlit Cobalt color palette (#FDEBFB, #3C78D7, #8A4D00, #633500, #0F180B)
• Airy Lapis Thicket color palette (#F1D9EA, #4230E1, #534500, #2B2300, #010400)

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