Weathered Veranda color palette — #FFF1F7 · #F1D3DB · #FFAF9E · #3F99CD · #533959

A conversation between Cerulean and Melon, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Shell Pink (#F1D3DB): A whisper-light, dusty rose — the color of pressed rose petals.
• Melon (#FFAF9E): A whisper-light, balanced orange — the color of toasted spice.
• Cerulean (#3F99CD): A luminous, balanced blue — the color of open sky before noon.
• Charcoal (#533959): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged pastel, 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

• Wandering Periwinkle Terrace color palette (#F2F4FF, #EED9DE, #CABBA8, #7AA0FF, #463253)
• Muted Mallow Quarry color palette (#DAFFF0, #E7E6FF, #FCABDF, #2DA7A7, #513752)
• Aged Coast color palette (#FFE4EF, #FFBFE2, #E8A47F, #4575A9, #492D34)
• Honey Balcony color palette (#FFF1F2, #ECD5CC, #F3BC57, #928ACE, #613B33)
• Aged Mallow Alley color palette (#F4F4FF, #FDC9FE, #EA94C9, #7D65AE, #56375C)
• Powdered Violet Station color palette (#FFF1F6, #FFCBB6, #CFC549, #905EBC, #572228)
• Powdered Amber color palette (#FFE7ED, #FF9DBF, #DB8D2B, #5268A6, #3A1618)
• Ancient Cocoa color palette (#FFF2EF, #BBF2F5, #E1DCCF, #C39CA7, #7C3F20)

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