Navy Drift color palette — #FFF2ED · #53CCD5 · #0078A1 · #005931 · #042E6E
A conversation between Navy and Cerulean, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2ED): bright and airy, almost weightless.
- Aqua (#53CCD5): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#0078A1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Olive (#005931): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#042E6E): A deep, shadowed, balanced blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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 Villa color palette (#FFF2EA, #6EC3ED, #316AC6, #00574E, #322566)
- Petrol Veranda color palette (#E7F7EA, #76CBD2, #007F97, #005346, #001D2B)
- Ancient Forest color palette (#FCF3F0, #B2CEB3, #38829D, #266135, #4A304C)
- Cerulean Orchard color palette (#FFF4E3, #89DBE1, #009CB9, #007462, #00384E)
- Weathered Grove color palette (#EEDFD8, #5FACB8, #005E87, #004028, #0A1B47)
- Dusty Navy Loft color palette (#F8E8DD, #50899F, #003C74, #00231C, #08002A)
- Feathered Scarlet Coast color palette (#FFDBD6, #EE2D2A, #007F89, #96040B, #00353A)
- Emerald Basin color palette (#FDF1FC, #8BECF3, #00BAF4, #009E56, #073069)
Browse the whole catalog at Explore, or see today's palette.