Navy Drift color palette — #CCF4E8 · #4B6A00 · #001D8B · #2E0022 · #020100

Indigo and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#CCF4E8): A whisper-light, dusty teal — the color of glacier melt.
• Olive (#4B6A00): A full-bodied, balanced green — the color of fresh herbs.
• Indigo (#001D8B): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Deep Indigo (#2E0022): A deep, shadowed, balanced pink — the color of peonies in June.
• Black (#020100): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Depth, Luxury. Tagged jewel, vibrant, dark.

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

• Smoked Station color palette (#CAEEDD, #5B5B00, #003A67, #1F0025, #030100)
• Lowlit Aubergine color palette (#D0F2F1, #00653D, #42007F, #33000E, #020100)
• Onyx Study color palette (#E3EBD3, #004826, #002844, #170030, #020100)
• Pale Pine color palette (#D5E9D9, #008F25, #004E47, #2D003D, #000201)
• Eclipse Forest color palette (#CDE7E8, #005C42, #46464E, #171A1F, #000707)
• Sunlit Delta color palette (#E3F5EF, #619A1E, #6D22B5, #58238F, #070000)
• Emerald Pier color palette (#E6F3DE, #00A83C, #005B42, #002928, #000102)
• Smoked Corridor color palette (#E8DECB, #453400, #3F003F, #2A000C, #040100)

Browse the whole catalog at Explore, or see today's palette.