Cocoa Villa color palette — #FAF5E7 · #97AC7B · #387A3C · #873117 · #304110

Rust takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FAF5E7): a clean, paper-quiet neutral.
• Sage (#97AC7B): A luminous, dusty green — the color of fresh herbs.
• Olive (#387A3C): A full-bodied, balanced green — the color of fresh herbs.
• Rust (#873117): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Olive (#304110): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, 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

• Olive Study color palette (#FFF4E2, #AAA66C, #5D7415, #674C00, #403C0D)
• Hazy Grove color palette (#F7F7E2, #7AB383, #007C5C, #753A59, #1E4426)
• Forest Market color palette (#E8E5D5, #76966B, #00663A, #652900, #17300E)
• Softworn Cabin color palette (#F7F5EE, #C3C3A4, #628D6D, #766518, #525000)
• Faded Coast color palette (#EAFAF0, #9BCB86, #009D7C, #865488, #2B4221)
• Dusty Plum Boulevard color palette (#F1EDC6, #6B8E00, #0078BD, #B10051, #273700)
• Faded Veranda color palette (#FAF6E0, #9CAE40, #7652D1, #576400, #3E2B6F)
• Gentle Mint Pier color palette (#FBF8CF, #C2F6CE, #4DD4BB, #7F7100, #2D552A)

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