Muted Veranda color palette — #E7F5F1 · #87AB8A · #107656 · #61374D · #00221F
Pine and Cocoa set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#E7F5F1): a clean, paper-quiet neutral.
- Sage (#87AB8A): A luminous, dusty green — the color of fresh herbs.
- Pine (#107656): A full-bodied, balanced teal — the color of glacier melt.
- Cocoa (#61374D): A deep, shadowed, dusty rose — the color of strawberry cream.
- Onyx (#00221F): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Muted 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
- Ancient Cypress color palette (#E0F8F2, #78B98D, #007E64, #6F3F00, #002912)
- Hushed Market color palette (#E9F5F3, #8BC1AC, #19867E, #644A69, #142C2D)
- Tempered Jade Study color palette (#FBF5DF, #76AA7E, #1C7167, #673D45, #333A00)
- Hushed Courtyard color palette (#D5F1ED, #46A17E, #006359, #4E3200, #001617)
- Dusty Meadow color palette (#D7EADF, #8A9F47, #246D00, #711A0E, #131900)
- Hushed Summit color palette (#CDE4E0, #438963, #005042, #4C0D29, #000B04)
- Aubergine Hollow color palette (#D9EED9, #A66F00, #007E7F, #783D90, #011A03)
- Ancient Stone Market color palette (#E2F9E3, #E8DBA0, #A2C183, #8D5D3D, #122B1B)
Browse the whole catalog at Explore, or see today's palette.