Navy Drift color palette — #F5ECE4 · #6B8EAD · #283D9B · #002B31 · #050018

Built around Indigo, softened by Slate Blue — the whole palette hums with trust and stability.

The five colors

• Cream (#F5ECE4): a clean, paper-quiet neutral.
• Slate Blue (#6B8EAD): A luminous, dusty blue — the color of deep harbor water.
• Indigo (#283D9B): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Forest (#002B31): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#050018): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Soft Loft color palette (#DEE2D8, #6C93B9, #004791, #002D40, #010C3E)
• Aged Denim Market color palette (#F4E6DF, #50979D, #005169, #002D1F, #00050D)
• Chalky Ultramarine color palette (#F5E6EA, #7AA7CD, #3156D8, #004952, #15053A)
• Sapphire Terrace color palette (#DFF3F2, #97BBDD, #0065C4, #003A52, #000113)
• Charred Studio color palette (#D1EBEF, #007D83, #004145, #001619, #000102)
• Washed Pier color palette (#E0F1DE, #5FACC9, #586AD1, #004B21, #000608)
• Dusty Coast color palette (#F8F0EC, #CAE4D2, #5C95B7, #006E5E, #162C4C)
• Petrol Boulevard color palette (#FDEFE7, #7FCACC, #007F99, #005437, #001C2F)

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