Navy Drift color palette — #D1FEE5 · #8AB684 · #008B76 · #005A68 · #003777
A conversation between Navy and Fern, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#D1FEE5): A whisper-light, dusty teal — the color of shallow lagoons.
- Sage (#8AB684): A luminous, balanced green — the color of new leaves after rain.
- Fern (#008B76): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#005A68): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Navy (#003777): A deep, shadowed, balanced blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, 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
- Washed Navy color palette (#D5FCD3, #7CB9A3, #00839A, #00548E, #352B7C)
- Lagoon Field color palette (#D6FCD6, #6EBDA0, #008D83, #00545A, #002A37)
- Dusty Pine Workshop color palette (#FFECD4, #B0AD76, #4C844F, #005D55, #004450)
- Faded Navy Corridor color palette (#E1ECDB, #00B585, #006D71, #00415C, #0C0079)
- Soft Boulevard color palette (#D4FFD5, #7CD2B4, #00A79E, #00717C, #004355)
- Tempered Loft color palette (#ECF7B5, #92E59B, #4EC1B7, #0D96B1, #073976)
- Washed Drift color palette (#FEF0FF, #7FA46D, #007788, #7A3340, #184547)
- Worn Cabin color palette (#EFF7F6, #D5DCE2, #B9C0CF, #438551, #3C4B4A)
Browse the whole catalog at Explore, or see today's palette.