Softworn Veranda color palette — #B7F1E4 · #76B7B7 · #5A7E67 · #664D5C · #44395C

Mint Leaf takes the lead with Sea Foam close behind in a set that reads as nature and growth at first glance.

The five colors

• Sea Foam (#B7F1E4): A whisper-light, dusty teal — the color of shallow lagoons.
• Mint Leaf (#76B7B7): A luminous, dusty teal — the color of sea glass.
• Fern (#5A7E67): A full-bodied, dusty teal — the color of sea glass.
• Charcoal Brown (#664D5C): A full-bodied, dusty pink — the color of peonies in June.
• Navy (#44395C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, 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

• Abyss Coast color palette (#DEF7E0, #A6B393, #667C60, #2C5C50, #563A53)
• Lichen Ridge color palette (#D7FBDD, #9CBEAB, #749288, #7B5B67, #63463E)
• Worn Ridge color palette (#C6ECF8, #94D1E0, #78ACCA, #8B7DAB, #433E5A)
• Airy Lagoon color palette (#D0F7F4, #00ACB0, #007580, #005866, #1C395A)
• Cocoa Hollow color palette (#F2EFD9, #95A37F, #5F7E69, #7C3C39, #3A250D)
• Softworn Navy Study color palette (#D0E7E9, #408CA0, #215F83, #443065, #39203F)
• Hushed Cocoa Boulevard color palette (#FADEF3, #B396A5, #956C7A, #74444A, #61332B)
• Timeworn Harbor color palette (#F5F6EE, #ACCFB6, #2A859B, #005F60, #184432)

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