Cocoa Veranda color palette — #FFF3E2 · #FFD2B7 · #A4A66F · #876780 · #583700
Built around Cocoa, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Cream (#FFF3E2): A whisper-light, dusty gold — the color of old brass.
- Peach Cream (#FFD2B7): A whisper-light, dusty gold — the color of honey in a jar.
- Sage (#A4A66F): A luminous, dusty green — the color of fresh herbs.
- Slate (#876780): A full-bodied, dusty pink — the color of neon signs at night.
- Cocoa (#583700): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged retro, muted.
Use it as a design system
One click turns Cocoa Veranda 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
- Hushed Cocoa color palette (#FFF3E4, #F7C2B3, #AEB385, #A27F98, #673D00)
- Dusty Straw Corridor color palette (#FFF3E7, #EAE087, #74B292, #7E688C, #474000)
- Antique Cocoa color palette (#FFF4DE, #FFCFCF, #BA9D73, #4E7D70, #652D00)
- Ancient Sand Field color palette (#FCF4EB, #FABE84, #60A7AE, #7F5F7A, #4C2E36)
- Aged Courtyard color palette (#ECF9EF, #C79E79, #7F793E, #1F6080, #384E3A)
- Tempered Powder color palette (#FBF4EE, #C4E0EF, #C1BEF4, #7E9A80, #5D4555)
- Worn Alley color palette (#FDEDF2, #D39B94, #817A44, #4E4A81, #3A242F)
- Aged Mustard Harbor color palette (#FFF3E3, #F9AF12, #5B9934, #534D91, #2F2800)
Browse the whole catalog at Explore, or see today's palette.