Cocoa Veranda color palette — #E9E5D7 · #9FAF89 · #61836F · #7D411F · #403C36

Built around Bronze, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Parchment (#E9E5D7): bright and airy, almost weightless.
• Sage (#9FAF89): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#61836F): A full-bodied, dusty teal — the color of sea glass.
• Bronze (#7D411F): A full-bodied, balanced orange — the color of sun-warmed clay.
• Charcoal (#403C36): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, 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

• Cocoa Coast color palette (#FCDBB4, #AEA987, #4A8584, #734E47, #653741)
• Muted Chestnut color palette (#E5E5BB, #8CA98C, #5B799E, #754507, #483B10)
• Ancient Pewter Hollow color palette (#E3E9D3, #A9BF9F, #759E87, #855F7A, #63383D)
• Weathered Cypress Drift color palette (#F9F5E9, #80A77A, #007460, #524C1C, #35362F)
• Basalt Thicket color palette (#D3E6E5, #77AEB7, #608091, #63395D, #461A21)
• Antique Ridge color palette (#EFEDC9, #4F9175, #2F6181, #57280B, #2E2200)
• Fern Station color palette (#A9FBF4, #8DB6D7, #95697A, #665E2A, #414D00)
• Patina Pewter color palette (#CFE3E2, #7D9AC1, #765585, #544500, #363700)

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