Cocoa Villa color palette — #B5F2E6 · #94D1DD · #8CAACB · #8B7392 · #663A2D

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

The five colors

• Sea Foam (#B5F2E6): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#94D1DD): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#8CAACB): A luminous, dusty blue — the color of deep harbor water.
• Slate (#8B7392): A full-bodied, dusty pink — the color of a candy shop window.
• Cocoa (#663A2D): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Calm, Sophistication. Tagged vintage, retro, muted, cool.

Use it as a design system

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

• Tempered Cocoa color palette (#D6E9D1, #90BBC4, #8197AF, #825D6E, #634027)
• Muted Oat color palette (#E8F8FF, #B4D7F2, #A5B8D6, #A88BA4, #604350)
• Ancient Quarry color palette (#DFF2D7, #74B2BE, #507696, #663543, #422210)
• Azure Balcony color palette (#C5E8F3, #4F9BCF, #676FA6, #8C402D, #2E1A00)
• Ancient Alley color palette (#D9EBFB, #797DB9, #7A5989, #6A3B00, #110F00)
• Bronze Studio color palette (#E6EEFF, #BCAEDB, #B087A5, #877236, #2E4006)
• Dusty Study color palette (#E6FAF8, #A3D7C2, #5AB1A8, #5C8E8A, #043D41)
• Tempered Basalt color palette (#FFF5D7, #CCD5AE, #68A8AE, #83643A, #3F3C03)

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