Cocoa Veranda color palette — #FAF5E9 · #9D9F6C · #5C6A2D · #6D3E0B · #37352F
A conversation between Bronze and Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FAF5E9): a clean, paper-quiet neutral.
- Moss (#9D9F6C): A luminous, dusty green — the color of a quiet forest floor.
- Olive (#5C6A2D): A full-bodied, balanced green — the color of fresh herbs.
- Bronze (#6D3E0B): A full-bodied, balanced gold — the color of old brass.
- Espresso (#37352F): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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
- Soft Olive color palette (#FAF5E3, #98AC75, #4C772C, #515600, #32410C)
- Hazy Plum Garden color palette (#F6EED7, #939249, #BA5067, #5C5A00, #5B1B2B)
- Hushed Pine Coast color palette (#F9F1E1, #97A86D, #217738, #64354B, #201D07)
- Weathered Chestnut Workshop color palette (#F9F5ED, #C8C0AA, #81855B, #806017, #5F4A00)
- Tempered Jade Summit color palette (#EAEEDA, #46A871, #006B4D, #494500, #00381E)
- Soft Terracotta Coast color palette (#EFE4C5, #837D1D, #007F65, #9C3200, #352A06)
- Wandering Study color palette (#EFE9D1, #6F833C, #2C5000, #412800, #161E00)
- Aged Emerald Study color palette (#ECF9F0, #AEBB8C, #4A9353, #6D5B7B, #163E33)
Browse the whole catalog at Explore, or see today's palette.