Misty Navy color palette — #F3E0EA · #BDA2E9 · #AD70BB · #3D4192 · #020007

Built around Indigo, softened by Dusty Rose — the whole palette hums with creativity and balance.

The five colors

• Rose Water (#F3E0EA): A whisper-light, dusty pink — the color of peonies in June.
• Mauve (#BDA2E9): A luminous, balanced violet — the color of twilight just after sunset.
• Dusty Rose (#AD70BB): A luminous, balanced pink — the color of peonies in June.
• Indigo (#3D4192): A full-bodied, balanced violet — the color of a velvet chair.
• Black (#020007): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Balance. Tagged pastel, light.

Use it as a design system

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

• Quiet Peony Summit color palette (#F9E2FE, #DEA2CF, #C06391, #522C6F, #030003)
• Gentle Lantern color palette (#D3E6FE, #A1B6F3, #897ECD, #004C76, #00000C)
• Faded Navy Canyon color palette (#DDE2F5, #A583CE, #9450A1, #211E7F, #120325)
• Blush Harbor color palette (#FBE7F5, #C39ADA, #D6749D, #006B9C, #100527)
• Pale Plum color palette (#D9E6FF, #A179B9, #B43074, #003A51, #01000C)
• Softworn Blush color palette (#FFF1F2, #FFD2E9, #F587A5, #8E5597, #29031C)
• Linen Corridor color palette (#FFF1F6, #FFB8C5, #EF7D79, #84386C, #0B0003)
• Hushed Lantern color palette (#F4DCDC, #AF568F, #750015, #50003B, #040000)

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