Sunlit Navy Drift color palette — #DEF3F3 · #5B84AD · #00387F · #002030 · #010030
Built around Navy, softened by Ink — the whole palette hums with trust and stability.
The five colors
- Cream (#DEF3F3): A whisper-light, dusty teal — the color of glacier melt.
- Storm Blue (#5B84AD): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Navy (#00387F): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Midnight (#002030): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#010030): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Sunlit 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
- Hushed Ridge color palette (#F9E6EC, #547CA2, #202F85, #001E24, #020009)
- Washed Study color palette (#DEF5F2, #388CA5, #004359, #002226, #000B14)
- Sapphire Grove color palette (#E1E6D9, #7BA5CE, #1770DE, #00587C, #01032A)
- Denim Chapel color palette (#DAEAE9, #65A8CB, #005D8C, #003C4A, #00203D)
- Aged Market color palette (#F0E6DC, #6E9D92, #3B4EA7, #003A44, #0C0026)
- Petrol Lagoon color palette (#E5FBF7, #76C6D0, #007B8F, #005654, #003948)
- Nightshade Harbor color palette (#EDE2EF, #98003C, #231EA7, #430016, #020023)
- Soft Bronze Cabin color palette (#FDDDDA, #BC8574, #9F5200, #5E0421, #290200)
Browse the whole catalog at Explore, or see today's palette.