Softworn Veranda color palette — #FDF3EC · #A2D1BD · #5978AD · #006158 · #4D3040

Slate takes the lead with Pine close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FDF3EC): bright and airy, almost weightless.
• Pistachio (#A2D1BD): A whisper-light, dusty teal — the color of sea glass.
• Slate (#5978AD): A full-bodied, balanced violet — the color of twilight just after sunset.
• Pine (#006158): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#4D3040): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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 Forest color palette (#FFF2EE, #86D4D9, #2883A7, #186237, #263B5A)
• Softworn Cerulean Villa color palette (#FCF3F0, #C8E6C8, #4096B3, #3F6F45, #553F57)
• Weathered Cerulean Lagoon color palette (#E7F5F4, #ACCCE4, #4982AA, #00586C, #07223A)
• Worn Ash color palette (#FBF3EE, #C8EAEA, #AC8DAD, #627558, #5F4C57)
• Muted Olive Veranda color palette (#EAFCDB, #A2DFF1, #A3B3E5, #5B7642, #324736)
• Worn Hollow color palette (#E4F5D8, #00A585, #B45572, #006651, #502632)
• Turquoise Thicket color palette (#C5FFF7, #00C0C5, #006F6A, #004440, #002B28)
• Airy Emerald color palette (#E6F2D1, #32AD46, #00775D, #005055, #17324F)

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