Muted Veranda color palette — #FFF1F4 · #F3D4FF · #D4A9E1 · #99799E · #51313A
A conversation between Lavender and Heather, giving this palette its sense of creativity and sophistication.
The five colors
- Ivory (#FFF1F4): bright and airy, almost weightless.
- Thistle (#F3D4FF): A whisper-light, dusty pink — the color of a candy shop window.
- Lavender (#D4A9E1): A luminous, balanced pink — the color of neon signs at night.
- Heather (#99799E): A luminous, dusty pink — the color of neon signs at night.
- Charcoal (#51313A): A deep, shadowed, dusty red — the color of embers at dusk.
Feels like: Creativity, Sophistication. Tagged monochrome, light, muted.
Use it as a design system
One click turns Muted 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
- Dusty Veranda color palette (#FFF0FB, #D5E2FF, #A8B8F4, #7789B3, #462D41)
- Petal Basin color palette (#FFF1F4, #F2C5FC, #B488BA, #7F6084, #4B2C34)
- Stone Canyon color palette (#FFF2EF, #F9D2C8, #F0A4B1, #AF7A88, #4C2D28)
- Mallow Villa color palette (#F5F4FF, #E7D7DF, #CAA8DB, #835F86, #292242)
- Hushed Aubergine color palette (#F1F0FF, #C4C0EA, #9875A7, #663973, #1E1737)
- Muted Atelier color palette (#FFF1F0, #FFA1C9, #97C497, #66A5AF, #4B3736)
- Gentle Boulevard color palette (#FFF1F4, #FFB3C6, #E27C9E, #A6566C, #410C1F)
- Tempered Study color palette (#FFF0FB, #FFB8E6, #F872D8, #B44E94, #430036)
Browse the whole catalog at Explore, or see today's palette.