Weathered Veranda color palette — #F9F3F7 · #D8DFEF · #8BB6DD · #289992 · #45536B

A conversation between Fern and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Silver (#D8DFEF): A whisper-light, dusty violet — the color of wild irises.
• Sky (#8BB6DD): A luminous, dusty blue — the color of deep harbor water.
• Fern (#289992): A luminous, balanced teal — the color of glacier melt.
• Peacock (#45536B): A full-bodied, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Powder Loft color palette (#EDF8F7, #D6DCEA, #96CFF0, #80A9BB, #425565)
• Muted Loft color palette (#E7DEE3, #78BDD2, #007CB8, #005A50, #031A4D)
• Dusty Study color palette (#F7EAF3, #A1CCDA, #0095B4, #006F4A, #00314D)
• Dusty Coast color palette (#EDE0E4, #75A8CD, #255CD0, #00494F, #140042)
• Muted Balcony color palette (#E8F9F9, #9FD2B7, #DE9BAD, #2FA374, #693F4A)
• Wandering Ridge color palette (#DAFEF3, #ABCFA4, #6BB88B, #008A7A, #295966)
• Patina Taupe color palette (#EEF8F1, #B6D2C7, #7DA78D, #926675, #354D49)
• Airy Iris color palette (#FFF1F5, #C1DFFB, #7195FC, #008090, #403372)

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