Cocoa Veranda color palette — #E7EDDC · #00623A · #722800 · #392400 · #001207
Built around Rust, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Parchment (#E7EDDC): A whisper-light, dusty green — the color of new leaves after rain.
- Pine (#00623A): A full-bodied, balanced teal — the color of glacier melt.
- Rust (#722800): A deep, shadowed, balanced orange — the color of autumn markets.
- Espresso (#392400): A deep, shadowed, dusty gold — the color of old brass.
- Ink (#001207): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged 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 Drift color palette (#D6EFD8, #005D61, #573E00, #252D00, #001112)
- Obsidian Delta color palette (#E5EDDA, #005A3A, #4E1500, #281900, #040900)
- Garnet Delta color palette (#F3ECD5, #565500, #7C0045, #530007, #0F0E00)
- Chestnut Grove color palette (#DAEBD0, #007966, #804900, #4A3B00, #00261F)
- Spruce Corridor color palette (#D9F3DF, #003F48, #342900, #0B1600, #000203)
- Spruce Grove color palette (#CCE5D9, #006C8D, #565700, #004512, #002115)
- Timeworn Emerald color palette (#F3F8E4, #4B9459, #A75643, #784500, #32342D)
- Patina Plum color palette (#D9EDFE, #0077AC, #A90677, #800403, #000F1C)
Browse the whole catalog at Explore, or see today's palette.