Softworn Veranda color palette — #F5F6ED · #CDD6C5 · #8EB191 · #1B6D04 · #33342D

Olive and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F5F6ED): a clean, paper-quiet neutral.
• Oat (#CDD6C5): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#8EB191): A luminous, dusty green — the color of a quiet forest floor.
• Olive (#1B6D04): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#33342D): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Softworn 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

• Antique Chestnut color palette (#F8F5EE, #D6D3C1, #A3AB8B, #6D5800, #36322C)
• Cypress Lantern color palette (#F1F7F0, #C4D9CC, #89B0A5, #006863, #273824)
• Ancient Forest Field color palette (#E4F6F4, #C0DAD9, #81B6BA, #006F28, #031F1D)
• Worn Pine Balcony color palette (#F4F7EA, #D9E3C7, #95CBB8, #009039, #32342D)
• Worn Jade color palette (#F1ECD3, #69A26D, #006A54, #404800, #00390C)
• Spruce Harbor color palette (#E5E7E1, #919E90, #5D7869, #003422, #060B00)
• Quiet Garnet Lantern color palette (#EEEDD5, #75B17A, #007678, #812943, #612B00)
• Dusty Lagoon color palette (#F4F6F0, #D5DCD9, #A4ADB6, #589169, #51544B)

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