Weathered Veranda color palette — #B9ECDA · #AE99AF · #6F769E · #623D55 · #3F1A17
Built around Cocoa, softened by Slate — the whole palette hums with sophistication.
The five colors
- Mint (#B9ECDA): A whisper-light, dusty teal — the color of shallow lagoons.
- Mauve (#AE99AF): A luminous, dusty pink — the color of neon signs at night.
- Slate (#6F769E): A full-bodied, dusty violet — the color of wild irises.
- Cocoa (#623D55): A full-bodied, dusty pink — the color of a candy shop window.
- Espresso (#3F1A17): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Sophistication. Tagged vintage, 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
- Cerulean Field color palette (#CCEAD3, #93B4A3, #53809F, #6A4452, #3C203E)
- Hushed Onyx color palette (#F2DDEA, #BA8FA2, #916D76, #6B3F3E, #461B0E)
- Dusty Market color palette (#D1DFFA, #967287, #574773, #52182A, #290002)
- Softworn Iris Terrace color palette (#C7E4F8, #97B8E1, #7989C5, #72648A, #4E3D57)
- Hushed Hollow color palette (#B5EBF2, #87B4CB, #607497, #69512B, #2A4A31)
- Wandering Basalt color palette (#EDFCD7, #BFDCC0, #8DA8CC, #895D41, #3A3801)
- Hushed Bronze Loft color palette (#FFECF0, #E3C5C8, #A88F8D, #905C29, #5E3C00)
- Softworn Loft color palette (#F0F3EC, #A8D2C7, #547DB6, #005679, #0F1E43)
Browse the whole catalog at Explore, or see today's palette.