Softworn Veranda color palette — #F4F2E8 · #B8B590 · #568347 · #635500 · #2A2815

A conversation between Fern and Olive, giving this palette its sense of nature and growth.

The five colors

• Cream (#F4F2E8): bright and airy, almost weightless.
• Sage (#B8B590): A luminous, dusty green — the color of fresh herbs.
• Fern (#568347): A full-bodied, balanced green — the color of fresh herbs.
• Olive (#635500): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#2A2815): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

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

• Hushed Garden color palette (#F7F2E2, #A0B06D, #507A00, #225A2B, #1D2400)
• Patina Fern Quarry color palette (#F1F3EC, #BDC8AB, #59907D, #5D6822, #283700)
• Worn Cypress Boulevard color palette (#EAFAF0, #A4B888, #51805F, #496052, #314842)
• Muted Jade color palette (#F9F5EB, #DAEEBE, #6BB07F, #8F722B, #393932)
• Olive Grove color palette (#E6E4C8, #477637, #004316, #162300, #030300)
• Timeworn Teal color palette (#E9F2DE, #3AB99F, #009082, #005A55, #003131)
• Dusty Fern Workshop color palette (#F2F0E2, #7C9860, #1A6702, #004528, #141300)
• Quiet Indigo Summit color palette (#DEFAE7, #199EB5, #6E70DC, #3F7A48, #092415)

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