Weathered Veranda color palette — #E1F8F1 · #6DA4C5 · #6F5F9D · #3D4E00 · #10233B
A conversation between Deep Olive and Slate, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E1F8F1): A whisper-light, dusty teal — the color of sea glass.
- Blue Fog (#6DA4C5): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#6F5F9D): A full-bodied, balanced violet — the color of twilight just after sunset.
- Deep Olive (#3D4E00): A deep, shadowed, balanced green — the color of fresh herbs.
- Midnight (#10233B): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged retro, 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 Corridor color palette (#E2F7F2, #9AAAD6, #8D6A8E, #2C5E3F, #262B3E)
- Hushed Coast color palette (#E5F8E4, #5CACA8, #366EA5, #613E00, #002735)
- Mulberry Harbor color palette (#CFFEEB, #8981E6, #973777, #004A39, #260E38)
- Worn Grape Terrace color palette (#FFF0FE, #8790DE, #7754AD, #7C313F, #363C50)
- Hushed Sky color palette (#FBF6DF, #6CB9F4, #9176BD, #62692F, #493647)
- Pewter Orchard color palette (#ECF4EC, #9ABDA9, #6A7C53, #4B5278, #122E20)
- Forest Corridor color palette (#F7EFF4, #C1E3EC, #459BAC, #1F6F43, #003046)
- Washed Indigo color palette (#E0E7F8, #666BBB, #302D45, #0E1528, #02070E)
Browse the whole catalog at Explore, or see today's palette.