Navy Drift color palette — #F4E9E0 · #59879E · #003C73 · #002222 · #05002C

Navy and Ink set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F4E9E0): bright and airy, almost weightless.
• Storm Blue (#59879E): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#003C73): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Onyx (#002222): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#05002C): A deep, shadowed, balanced violet — the color of wild irises.

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

• Misty Navy Balcony color palette (#F6E9DD, #6196B8, #00439B, #002F32, #100242)
• Dusty Lagoon Study color palette (#F1E1D8, #4F8D88, #00454F, #00240F, #000B13)
• Muted Cobalt Archive color palette (#EBDDE3, #5BABD2, #0074D5, #005D5D, #05012B)
• Hushed Parlor color palette (#F7ECE7, #9BBB99, #007588, #00532F, #00324A)
• Worn Balcony color palette (#FCECDF, #7A4000, #00455D, #341800, #00070D)
• Sapphire Dune color palette (#FFF3E5, #8EBDE9, #4B64C7, #005460, #352367)
• Dusty Garnet color palette (#F4DAC1, #A18C50, #4B7F2C, #6C001C, #120A00)
• Nocturne Cocoa Drift color palette (#FFECDB, #5D3400, #003853, #1A1940, #040100)

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