Navy Drift color palette — #D1E8B7 · #6AB388 · #007B7E · #004960 · #011C8D

Indigo takes the lead with Jade close behind in a set that reads as nature and growth at first glance.

The five colors

• Celadon Mist (#D1E8B7): A whisper-light, dusty green — the color of fresh herbs.
• Jade (#6AB388): A luminous, balanced teal — the color of sea glass.
• Teal (#007B7E): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#004960): A deep, shadowed, dusty blue — the color of open sky before noon.
• Indigo (#011C8D): A deep, shadowed, vivid violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. 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

• Timeworn Navy Pier color palette (#E8EAC6, #7FA671, #00796B, #004854, #002B5D)
• Chalky Aubergine Lagoon color palette (#BBF0BC, #5AB098, #007687, #004189, #35157F)
• Muted Teal color palette (#C8EFDE, #34B7A8, #00777D, #004457, #001A2A)
• Nightshade Workshop color palette (#D3EFE5, #00A9B1, #00669B, #2A00A5, #440058)
• Airy Mint Pier color palette (#C8EDA3, #3EDCA8, #00B4BB, #0082B6, #251D69)
• Powdered Onyx color palette (#DAECD5, #009575, #005059, #002C45, #13004F)
• Softworn Cocoa color palette (#FFEADD, #5F965C, #00657B, #6F2400, #263615)
• Wandering Sapphire color palette (#EDFAEA, #BFC671, #00BCB8, #4171E5, #003843)

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