Navy Drift color palette — #E1F1ED · #00ADB7 · #007E9F · #0E4A97 · #212752
A conversation between Indigo and Cyan, giving this palette its sense of trust and stability.
The five colors
- Cream (#E1F1ED): a clean, paper-quiet neutral.
- Cyan (#00ADB7): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#007E9F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Indigo (#0E4A97): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#212752): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, 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
- Turquoise Pier color palette (#9DF6E7, #00BED1, #007FA4, #005387, #011650)
- Turquoise Workshop color palette (#D5E7E5, #00C1DF, #008AC3, #375A9E, #33325C)
- Chalky Jade color palette (#E0F3DF, #00B189, #00868B, #005A6E, #002E4E)
- Weathered Navy color palette (#C9E6E7, #0091BA, #0063AA, #2B318E, #260C41)
- Hazy Sapphire Drift color palette (#C5EAEF, #08AEEF, #006ED6, #473D94, #3C224F)
- Tempered Cobalt Coast color palette (#D2E6FF, #3AB6FD, #0075D7, #004979, #001829)
- Tempered Delta color palette (#C3E8DA, #31B5FC, #BF4F04, #006B9B, #471800)
- Mallow Courtyard color palette (#D8FFEA, #C8DAFF, #D898CF, #308776, #412C44)
Browse the whole catalog at Explore, or see today's palette.