Wisteria Lagoon color palette — #F3F4FF · #B56FF5 · #9F8400 · #007936 · #282748

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

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Wisteria (#B56FF5): A luminous, vivid violet — the color of a velvet chair.
• Moss (#9F8400): A luminous, balanced green — the color of new leaves after rain.
• Olive (#007936): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#282748): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged warm.

Use it as a design system

One click turns Wisteria Lagoon 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

• Magenta Villa color palette (#F5F3FF, #C45BCF, #8A7500, #006853, #0F2645)
• Gentle Canyon color palette (#FFF1F5, #CD9DFF, #928400, #007B46, #2F0E1C)
• Ancient Summit color palette (#F0F5FF, #8DA0FF, #AB5E00, #5D6F00, #1D2A47)
• Aged Coast color palette (#F7F3FF, #F66BD4, #5A831A, #00766D, #312442)
• Weathered Hollow color palette (#F9F2FF, #CE84A7, #729C6D, #287D7E, #3A2C44)
• Pale Basin color palette (#F5F3FF, #A250A9, #9B4F00, #005935, #3A203C)
• Faded Study color palette (#DEFFE5, #ED78C7, #C75155, #006E33, #522337)
• Lime Boulevard color palette (#FEF0FF, #7AB6FF, #9EB300, #0098B9, #39213B)

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