Washed Veranda color palette — #F9F3F9 · #D2D5E5 · #85C6DD · #648E68 · #2D4157

Sky and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Silver (#D2D5E5): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#85C6DD): A luminous, dusty blue — the color of deep harbor water.
• Fern (#648E68): A luminous, dusty green — the color of fresh herbs.
• Navy (#2D4157): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Washed 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

• Worn Jade color palette (#FAF4EC, #C7E5DC, #73CDDD, #28B08C, #1A4F61)
• Dusty Ash color palette (#FBF3F6, #D7D4E0, #BCBDE1, #649CA5, #434C67)
• Weathered Cypress Parlor color palette (#FCF1F9, #D5D4E2, #75ADD4, #317F60, #202C50)
• Washed Taupe Veranda color palette (#E3FAFF, #D9DDE8, #BBADA9, #8EB38C, #294454)
• Weathered Garden color palette (#FBF3F1, #CDE3CD, #0799BD, #3B7041, #543F56)
• Blush Pier color palette (#E7F9FF, #79E8F2, #FA9CA4, #009CA7, #56282D)
• Patina Meadow color palette (#D5FFFA, #95F0D0, #1DB5AC, #098296, #143E56)
• Hushed Veranda color palette (#E6F9FF, #C4E2F6, #4FB5C6, #006271, #002731)

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