Cocoa Studio color palette — #E7FBF1 · #9EDFFF · #F9B498 · #74B2CF · #743C10

Built around Bronze, softened by Melon — the whole palette hums with trust and stability.

The five colors

• Ivory (#E7FBF1): A whisper-light, dusty teal — the color of shallow lagoons.
• Powder Blue (#9EDFFF): A whisper-light, dusty blue — the color of open sky before noon.
• Melon (#F9B498): A whisper-light, balanced orange — the color of sun-warmed clay.
• Cyan (#74B2CF): A luminous, dusty blue — the color of a favorite pair of jeans.
• Bronze (#743C10): A full-bodied, balanced gold — the color of old brass.

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

• Timeworn Summit color palette (#EFF9EB, #8AE9D9, #F6B1BC, #71B8AC, #63443D)
• Turquoise Archive color palette (#ECF7FF, #CCDDFB, #F9BC9F, #57A4CA, #583C4C)
• Honey Boulevard color palette (#FFF0FA, #CAD1FF, #DAC682, #9DA4D7, #634800)
• Patina Powder Dune color palette (#EAF9F3, #82CEFF, #E09F88, #5E93B6, #534B47)
• Cornflower Villa color palette (#FEF0FF, #9AC9FF, #FFAE40, #308FED, #533200)
• Washed Studio color palette (#E5FBF2, #EED8D4, #A5C7B0, #A89D95, #554A56)
• Dusty Fern Alley color palette (#FCF4E7, #E1DCA8, #C7B487, #A48E75, #534800)
• Aged Sand Bloom color palette (#FAF2F8, #F6DBA3, #919DC5, #7C6476, #32282F)

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