Cocoa Studio color palette — #F4F7DF · #CDE1C7 · #8CC3DC · #A98B7A · #734304

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

The five colors

• Cream (#F4F7DF): A whisper-light, dusty green — the color of fresh herbs.
• Celadon Mist (#CDE1C7): A whisper-light, dusty green — the color of a quiet forest floor.
• Sky (#8CC3DC): A luminous, dusty blue — the color of a favorite pair of jeans.
• Caramel (#A98B7A): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#734304): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.

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

• Cocoa Harbor color palette (#EFF9E7, #BEE3E0, #D4B6CE, #AC9B88, #694700)
• Antique Hollow color palette (#C8EAD5, #AAC4EA, #B099CB, #908A62, #474400)
• Weathered Teal Basin color palette (#F7F6E7, #B0E3C1, #5CC0B0, #949271, #3B4900)
• Weathered Archive color palette (#E6FDE3, #A8F3FB, #99B5A7, #8A737F, #5D424C)
• Washed Parlor color palette (#D3EEDB, #47D4E2, #71A0E8, #A86314, #523800)
• Antique Powder color palette (#FDF3EE, #C1EDE7, #79C8F5, #4DAB96, #573E57)
• Pewter Ridge color palette (#DAF9FA, #9CB8C1, #798E9F, #685875, #433443)
• Gentle Coral color palette (#E6FCEC, #67E9FF, #CF9A4B, #E77A74, #263E2E)

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