Hazy Veranda color palette — #F1F2FF · #BA7AFF · #F3350C · #3C7F00 · #061440

Scarlet and Wisteria set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F1F2FF): bright and airy, almost weightless.
• Wisteria (#BA7AFF): A luminous, vivid violet — the color of a velvet chair.
• Scarlet (#F3350C): A luminous, vivid orange — the color of sun-warmed clay.
• Olive Leaf (#3C7F00): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Indigo (#061440): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Energy. Tagged jewel, vibrant.

Use it as a design system

One click turns Hazy 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 Basin color palette (#ECF3FF, #879DFF, #F4173A, #5E7B00, #001634)
• Soft Rose Chapel color palette (#E2E6FF, #B092FF, #F23162, #007C3B, #290064)
• Quiet Fuchsia color palette (#F3ECFF, #EF66CC, #D85900, #007F4F, #101046)
• Linen Peony Alley color palette (#E6ECFF, #9789FF, #EE209E, #847000, #001B27)
• Timeworn Harbor color palette (#F2E7FA, #DA77A7, #B17A00, #007464, #170A29)
• Magenta Lantern color palette (#DBEDBE, #9EA8FF, #DB47C1, #007F5A, #321754)
• Ancient Veranda color palette (#F4F4FF, #D3B5E3, #D8917C, #569764, #2E3549)
• Quiet Boulevard color palette (#F2DBF2, #E34460, #877200, #00666D, #130010)

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