Dusty Navy Coast color palette — #D3F4E0 · #21738B · #392F63 · #212600 · #011404

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

The five colors

• Honeydew (#D3F4E0): A whisper-light, dusty teal — the color of glacier melt.
• Teal (#21738B): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#392F63): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Onyx (#212600): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#011404): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Dusty Navy Coast 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

• Worn Basalt color palette (#C4EDF5, #4D6CA3, #561C4B, #002919, #00150B)
• Tempered Orchard color palette (#E7F0D4, #00806D, #00436A, #311700, #110B00)
• Hushed Workshop color palette (#EADDD7, #388E9A, #00425F, #002414, #00022D)
• Navy Coast color palette (#CEF0FF, #3A5A8A, #3C2A67, #2A0900, #050300)
• Tempered Parlor color palette (#DCECF3, #4F7DC2, #504184, #521C03, #160C00)
• Muted Aubergine color palette (#E4F0E5, #6083B7, #694275, #004530, #002927)
• Patina Cerulean Harbor color palette (#C2F1F0, #4E87B3, #696295, #4E4600, #151300)
• Softworn Abyss color palette (#E5EBDB, #63A5BA, #5F6194, #1A5028, #003633)

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