Dusty Navy color palette — #DBFFEC · #99F3F1 · #46AEC5 · #2A70A8 · #1A266A

Navy and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#DBFFEC): A whisper-light, dusty teal — the color of sea glass.
• Sea Foam (#99F3F1): A whisper-light, balanced teal — the color of shallow lagoons.
• Cyan (#46AEC5): A luminous, balanced blue — the color of deep harbor water.
• Slate (#2A70A8): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#1A266A): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

Use it as a design system

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

• Soft Atelier color palette (#E5FFCD, #98F1E9, #57B7B1, #006F7C, #003555)
• Aged Aubergine color palette (#D3FFFE, #B5E8FF, #64A5DD, #5763A7, #451C60)
• Worn Denim Coast color palette (#C3FCFC, #4FC5BC, #00829A, #09538B, #323879)
• Patina Grove color palette (#B9F9FE, #5DC4DA, #0087A9, #005474, #002640)
• Quiet Ultramarine color palette (#D6FFF9, #0FD5F5, #0088C5, #1D2DCE, #210045)
• Midnight Navy color palette (#CDEFF5, #007FB1, #00319D, #100032, #030004)
• Worn Corridor color palette (#DEF6EE, #0096A0, #005473, #001D3E, #01000A)
• Muted Seafoam Lagoon color palette (#FFF2EB, #77E1D3, #6198C2, #8D5139, #1C3924)

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