Misty Lagoon color palette — #F3F0FC · #B770B3 · #4F7100 · #3E3478 · #1F1739

Olive takes the lead with Dusty Rose close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F3F0FC): a clean, paper-quiet neutral.
• Dusty Rose (#B770B3): A luminous, balanced pink — the color of peonies in June.
• Olive (#4F7100): A full-bodied, balanced green — the color of fresh herbs.
• Royal Purple (#3E3478): A deep, shadowed, balanced violet — the color of wild irises.
• Deep Indigo (#1F1739): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Misty 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

• Weathered Olive Canyon color palette (#F2F0FD, #AE72BE, #397523, #004763, #002232)
• Pine Meadow color palette (#F4F0F9, #C089A6, #4F7F4D, #544075, #2C2239)
• Hushed Coral Market color palette (#F8EEF7, #D06A6D, #00727C, #2D397E, #141A3E)
• Faded Chestnut Studio color palette (#EBF2FF, #7789CC, #895900, #004763, #001E3F)
• Ember Studio color palette (#FEF0FA, #D85D3B, #5C6C06, #005358, #2D3656)
• Aged Garden color palette (#F4EEFF, #C4A9BE, #898557, #545B71, #2C344C)
• Tempered Cerulean Corridor color palette (#F5F0F5, #B9E4F3, #2B9AC5, #2A6E43, #1D2D41)
• Plum Station color palette (#ECD8F3, #CE006A, #005A47, #3C006A, #16002D)

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