Softworn Veranda color palette — #FAF4EB · #D9E2BF · #9FA275 · #8E6E65 · #3B3831

Sage takes the lead with Celadon Mist close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FAF4EB): a clean, paper-quiet neutral.
• Celadon Mist (#D9E2BF): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#9FA275): A luminous, dusty green — the color of fresh herbs.
• Mocha (#8E6E65): A full-bodied, dusty orange — the color of autumn markets.
• Charcoal (#3B3831): a grounded near-black with real depth.

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

• Dusty Basalt color palette (#F6F6E8, #C8E8C6, #80AA89, #627E69, #393C00)
• Wandering Driftwood color palette (#FBF4E7, #D9D29A, #8A8F57, #805941, #30270C)
• Worn Bronze Corridor color palette (#F7F6EB, #BAE4D4, #ADB38A, #B2764B, #4A4900)
• Aged Olive color palette (#EEF8F1, #B7B184, #757923, #6B4E6C, #32483D)
• Patina Taupe color palette (#FCF4EB, #E2D4B0, #9DB67F, #858CBD, #534000)
• Hushed Corridor color palette (#FFF2EC, #FC9E8B, #BCAB56, #B07DB0, #3D2418)
• Timeworn Taupe Alley color palette (#FDF5DE, #A0AA52, #526917, #583100, #070800)
• Patina Lagoon color palette (#FFF1F5, #FFC1CD, #E88992, #9B5251, #623630)

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