Navy Drift color palette — #E7E1F2 · #CF9BBC · #B6715D · #00487F · #17001C

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

The five colors

• Frost (#E7E1F2): A whisper-light, dusty violet — the color of a velvet chair.
• Mauve (#CF9BBC): A luminous, dusty pink — the color of neon signs at night.
• Caramel (#B6715D): A luminous, balanced orange — the color of sun-warmed clay.
• Navy (#00487F): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#17001C): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Creativity, Balance. Tagged pastel, 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

• Nightshade Lantern color palette (#FCE4FF, #E1A1AA, #AA7911, #424495, #240017)
• Dusty Navy color palette (#F9D4DB, #C37F8E, #B46800, #123A93, #0F0006)
• Peony Chapel color palette (#D0ECFF, #AFA1EA, #CF6A94, #005D65, #030529)
• Timeworn Denim color palette (#DADDF8, #EDA3CC, #E28D67, #0066A5, #2E1333)
• Frosted Nightshade color palette (#FFD3E0, #DBA0D5, #BB6781, #463AB0, #361640)
• Powdered Aubergine Loft color palette (#FFDCEB, #BD675A, #816C0A, #411569, #0A0000)
• Tempered Mulberry color palette (#FFE8E4, #EDB390, #98A265, #774878, #341100)
• Aged Marigold Boulevard color palette (#FFEAFC, #FFBFCD, #E49F1C, #6357B4, #37011E)

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