Cocoa Villa color palette — #F4F4FF · #B3FFF8 · #FFD4A8 · #5A3500 · #1F1A15

Cocoa and Peach Cream set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Sea Foam (#B3FFF8): A whisper-light, dusty teal — the color of sea glass.
• Peach Cream (#FFD4A8): A whisper-light, dusty gold — the color of honey in a jar.
• Cocoa (#5A3500): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#1F1A15): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged neon, dark, vibrant, muted.

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

• Softworn Cabin color palette (#D9F3FF, #FBDD1E, #E9D3D0, #3B3831, #1C170B)
• Wandering Harbor color palette (#FBF4EB, #FFE2A5, #986D2C, #3C3732, #150E06)
• Dusty Chartreuse Balcony color palette (#FFEDF3, #AEEDFF, #BAE300, #322C02, #0E0C00)
• Sand Corridor color palette (#E8E4FF, #7EDFFF, #FFB28E, #5C5550, #33261D)
• Hushed Marigold color palette (#FEF4E6, #E1A72B, #4BAAD5, #7468A2, #2D2313)
• Chartreuse Alley color palette (#F1DBDF, #84DE77, #EC9F02, #194138, #1F281F)
• Taupe Market color palette (#F7F5ED, #D6DED3, #A9B6C1, #AA9E74, #423F37)
• Gentle Ridge color palette (#FCF4E5, #BC9D00, #398BB7, #684877, #2A160A)

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