Softworn Veranda color palette — #F3F7E9 · #519265 · #546EAE · #813551 · #32342D

Wine and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F3F7E9): a clean, paper-quiet neutral.
• Fern (#519265): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#546EAE): A full-bodied, balanced violet — the color of twilight just after sunset.
• Wine (#813551): A full-bodied, balanced rose — the color of strawberry cream.
• Espresso (#32342D): a grounded near-black with real depth.

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

• Soft Garnet Orchard color palette (#EEF9EA, #0D9384, #345FA1, #7A1A3C, #2E2B11)
• Aubergine Chapel color palette (#F5F7E8, #5B9152, #2C799F, #653E85, #33342D)
• Cocoa Garden color palette (#FFF2EC, #6DA686, #01768D, #7B3432, #31432A)
• Cocoa Lantern color palette (#EBFAEC, #009398, #835DA2, #853900, #253827)
• Indigo Hollow color palette (#E0F6FE, #00999F, #696BB9, #673C7E, #011E26)
• Aged Aubergine Dune color palette (#EFF8EF, #139B9E, #7F4D87, #662A70, #433700)
• Hushed Teal Lantern color palette (#EFF9EB, #28B5A6, #708DD0, #74649C, #2B3728)
• Powdered Mulberry Harbor color palette (#C9E6D6, #006D87, #7E297B, #552B00, #001F28)

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