Cocoa Villa color palette — #F6EAF0 · #C6D5C5 · #B2A67B · #783A00 · #060103
Built around Bronze, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Blush (#F6EAF0): a clean, paper-quiet neutral.
- Oat (#C6D5C5): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#B2A67B): A luminous, dusty green — the color of new leaves after rain.
- Bronze (#783A00): A full-bodied, balanced gold — the color of honey in a jar.
- Ink (#060103): A deep, shadowed, dusty rose — the color of strawberry cream.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged scandi, muted, light.
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
- Timeworn Cocoa Ridge color palette (#EAF0EB, #BED7CA, #7EB3A4, #624900, #000401)
- Hushed Bronze Cabin color palette (#EAE2DD, #AC9D8A, #8F7A32, #582500, #0A0300)
- Softworn Villa color palette (#F3EBF2, #DBCAD4, #C398A9, #910F21, #070006)
- Forest Lantern color palette (#CCE9DA, #7D9A4B, #065E12, #511000, #010100)
- Bronze Veranda color palette (#FBEAF3, #A4BCB7, #81A3A7, #AD5524, #200C18)
- Timeworn Field color palette (#EFF7F5, #CBDDE4, #8FC6CB, #456D11, #01100D)
- Ancient Bronze Market color palette (#E4F0E6, #AC6100, #4C4300, #001F2C, #020100)
- Fern Hollow color palette (#FAEDE2, #9D8A2C, #3D6600, #012D51, #030622)
Browse the whole catalog at Explore, or see today's palette.