Navy Drift color palette — #F9E0F7 · #557EC5 · #786D00 · #003AA4 · #151200
Built around Indigo, softened by Azure — the whole palette hums with nature and growth.
The five colors
- Blush (#F9E0F7): A whisper-light, dusty pink — the color of a candy shop window.
- Azure (#557EC5): A full-bodied, balanced violet — the color of wild irises.
- Olive (#786D00): A full-bodied, balanced green — the color of fresh herbs.
- Indigo (#003AA4): A deep, shadowed, vivid violet — the color of twilight just after sunset.
- Ink (#151200): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
Use it as a design system
One click turns 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
- Frosted Chapel color palette (#EBD7E6, #5972E7, #7D6900, #2825BF, #312800)
- Ancient Nightshade Canyon color palette (#F8E2EF, #8988CF, #8D7C00, #4F3AB4, #211C00)
- Sunlit Cobalt Canyon color palette (#DFF6ED, #0089C2, #9C5800, #004C6E, #1F0D00)
- Ancient Aubergine Hollow color palette (#FFE8F0, #916BB7, #637400, #630099, #101400)
- Feathered Aubergine Study color palette (#F5E4EA, #804BB9, #635900, #4A007D, #0A0800)
- Lapis Grove color palette (#F6DBEC, #5C58CB, #6F5D00, #3B4F16, #080329)
- Chalky Field color palette (#F0F5FF, #8CA5FB, #AB9305, #3837F6, #1E1800)
- Airy Wisteria Study color palette (#F0DDE1, #C268E5, #008551, #63007F, #001C0D)
Browse the whole catalog at Explore, or see today's palette.