Cocoa Studio color palette — #FFECDD · #7C3F00 · #004A62 · #002D3D · #180900

Bronze takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#FFECDD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#7C3F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Navy (#004A62): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#002D3D): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#180900): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.

Use it as a design system

One click turns Cocoa Studio 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

• Weathered Mulberry Ridge color palette (#FFEAE3, #9B0022, #004D53, #002F33, #220003)
• Moonless Cocoa Courtyard color palette (#EDE1D5, #5C3900, #002E49, #0F142F, #190002)
• Pale Onyx color palette (#FBECD4, #705200, #003E4B, #2C004F, #220026)
• Linen Rust color palette (#F8D4E7, #B04D00, #00679A, #00476C, #1B0600)
• Pale Navy color palette (#F8E8D0, #684D00, #203695, #0C1275, #150B00)
• Tempered Aubergine color palette (#F9EEE1, #875C00, #204800, #2D0160, #1B1600)
• Softworn Cocoa color palette (#EFE7DB, #BFB9A4, #8F9174, #5C3E00, #291D0C)
• Worn Bronze color palette (#FFECDE, #9E7700, #4D4F00, #123000, #001C11)

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