Weathered Veranda color palette — #ECF3F9 · #95CAF3 · #9B70A9 · #3B78A3 · #16141F
Heather and Slate set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#ECF3F9): a clean, paper-quiet neutral.
- Sky (#95CAF3): A luminous, balanced blue — the color of a favorite pair of jeans.
- Heather (#9B70A9): A luminous, balanced pink — the color of peonies in June.
- Slate (#3B78A3): A full-bodied, balanced blue — the color of open sky before noon.
- Ink (#16141F): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged duotone, 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
- Weathered Veranda color palette (#EFF7F4, #97C8E2, #926E99, #277699, #38292C)
- Softworn Pewter Orchard color palette (#EFF1F9, #C2BBF6, #AA6F7E, #7169A0, #19131B)
- Hushed Seafoam color palette (#EAF4F7, #69D8D6, #6B7FC0, #268080, #101620)
- Aged Iris Field color palette (#E9F3FF, #B8C0FC, #8E7EBA, #674C76, #41163B)
- Periwinkle Harbor color palette (#E3F8E7, #90A8F2, #866C9A, #3C5B40, #262B3B)
- Muted Cerulean color palette (#F9F3FA, #E4C5E7, #B492C3, #688FBD, #372931)
- Frosted Ultramarine color palette (#EAF2FF, #7AA5FF, #9C3E9C, #2550BD, #0B0519)
- Timeworn Grove color palette (#EBF3FB, #4F8DC6, #974D45, #315C47, #0C1F23)
Browse the whole catalog at Explore, or see today's palette.