Wandering Navy Drift color palette — #F1F5FF · #B4CE9E · #6C6BA0 · #3E3B6C · #1C2130

Navy and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Pistachio (#B4CE9E): A luminous, dusty green — the color of new leaves after rain.
• Slate (#6C6BA0): A full-bodied, balanced violet — the color of wild irises.
• Navy (#3E3B6C): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Midnight (#1C2130): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Driftwood Lagoon color palette (#F5F4FB, #AFDBDC, #8F709C, #4C486B, #2B2A36)
• Mulberry Boulevard color palette (#F6F3FF, #81D08E, #92498A, #592053, #1D162A)
• Timeworn Balcony color palette (#FCF1F9, #BCF7C2, #6374A5, #463041, #160B14)
• Patina Sand color palette (#F3F4FF, #F1D18F, #9A8AC3, #5C617E, #1F202E)
• Ancient Study color palette (#FCF2F6, #C4AB78, #594186, #32254C, #2A1D23)
• Ancient Driftwood color palette (#E5FBF5, #ADA9E7, #B96B7F, #006F84, #3C3954)
• Airy Courtyard color palette (#E0E2FF, #51C586, #7038A8, #3F036A, #160428)
• Hazy Indigo color palette (#F2F5FD, #C0BCF7, #CA7833, #7D6BDD, #321C27)

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