Washed Veranda color palette — #FCF3EF · #C8E6C5 · #4E96A6 · #416D52 · #285143

A conversation between Storm Blue and Pine, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Celadon Mist (#C8E6C5): A whisper-light, dusty green — the color of new leaves after rain.
• Storm Blue (#4E96A6): A luminous, dusty blue — the color of open sky before noon.
• Pine (#416D52): A full-bodied, dusty teal — the color of glacier melt.
• Deep Olive (#285143): A full-bodied, dusty teal — the color of shallow lagoons.

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

• Patina Cerulean Canyon color palette (#FDF3ED, #AFE6F9, #5F90B5, #316E66, #573E55)
• Aged Ridge color palette (#F9F3F9, #CAE2F9, #75AEC4, #54895B, #344A60)
• Patina Cerulean color palette (#F5E5DE, #08A2AD, #005269, #003123, #001529)
• Petrol Study color palette (#F8ECE6, #6DC1C4, #00748D, #005236, #00314E)
• Wisteria Orchard color palette (#FFF1F4, #BC7DD9, #51760B, #37775D, #483037)
• Chestnut Pier color palette (#FEF5DD, #9CAF7E, #7B7438, #6F4900, #3B4200)
• Wisteria Market color palette (#FFF1F5, #BA87DA, #4B9E5E, #7A5194, #42433C)
• Shell Workshop color palette (#FFF1F5, #E5D6D4, #F7BBA7, #957189, #5A4042)

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