Navy Drift color palette — #E9F8FF · #D2DBE7 · #80B9DF · #487DAD · #1C3E70
Navy and Slate set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#E9F8FF): a clean, paper-quiet neutral.
- Silver (#D2DBE7): a clean, paper-quiet neutral.
- Sky (#80B9DF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#487DAD): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#1C3E70): A deep, shadowed, balanced blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, 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
- Faded Garden color palette (#DFFBFF, #B7E6F7, #76C4E4, #6690D9, #3F3C82)
- Dusty Balcony color palette (#EFF6FF, #DCD7E5, #ABABDD, #756A9F, #4C336A)
- Muted Lagoon color palette (#DAFFF0, #A5EBF5, #79C1BC, #228486, #00464F)
- Nightshade Field color palette (#E7F3FF, #83B5FF, #5976DA, #382897, #120033)
- Linen Denim color palette (#E3FBD4, #8DCED7, #418FB9, #315089, #282352)
- Antique Driftwood Delta color palette (#EDF7FF, #D9D9E4, #B6C1D7, #92899F, #534858)
- Cobalt Summit color palette (#D1E7F0, #0082B9, #003D67, #000B23, #00000B)
- Wandering Nightshade color palette (#EFF6FF, #BBCCFF, #7D83CF, #54419A, #2A004D)
Browse the whole catalog at Explore, or see today's palette.