Navy Drift color palette — #D4E4D3 · #6CC093 · #479889 · #006BA0 · #153E80

Navy and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#D4E4D3): A whisper-light, dusty green — the color of fresh herbs.
• Mint Leaf (#6CC093): A luminous, balanced teal — the color of sea glass.
• Fern (#479889): A luminous, balanced teal — the color of sea glass.
• Peacock (#006BA0): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#153E80): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged vintage, retro, muted, 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

• Tempered Denim Boulevard color palette (#C8F0DE, #81C2B7, #0396A0, #3D5FA7, #3A3664)
• Chalky Emerald color palette (#E3EAD8, #9CBF8F, #3B9D6A, #006D85, #003D5C)
• Muted Station color palette (#D0F2F5, #5D9FB5, #4478A0, #593C74, #3A103C)
• Ancient Cerulean Drift color palette (#F5F6E9, #87DBE0, #009EAF, #00736B, #003A46)
• Timeworn Garden color palette (#F4F8E4, #CED7BF, #9EAD98, #64877C, #5B4958)
• Frosted Navy color palette (#C6EBDB, #3E8278, #09636B, #0D266B, #0E072F)
• Gentle Mustard color palette (#FEECD6, #BBCA61, #5DB193, #A0689A, #542B4F)
• Hushed Clover color palette (#E3E9C5, #3CBB4F, #0093E3, #007F24, #003150)

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