Weathered Navy color palette — #D2EEF5 · #44A4D5 · #0C6AC0 · #20288D · #170043

Built around Indigo, softened by Royal Blue — the whole palette hums with trust and stability.

The five colors

• Frost (#D2EEF5): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#44A4D5): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#0C6AC0): A full-bodied, balanced blue — the color of open sky before noon.
• Indigo (#20288D): A deep, shadowed, vivid violet — the color of a velvet chair.
• Deep Indigo (#170043): 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 Weathered 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

• Ancient Onyx Coast color palette (#D0F7F6, #20AEC6, #00769E, #003973, #06004E)
• Hazy Lapis color palette (#D2E9FF, #7498E3, #604DC7, #48187C, #29002F)
• Indigo Workshop color palette (#DEF2FF, #7EAEED, #6171CE, #4B3685, #320D48)
• Ancient Canyon color palette (#DCF4FE, #007DBF, #002AB4, #1D0067, #090019)
• Ultramarine Station color palette (#D8F0DD, #1297C1, #304FBA, #671900, #00192E)
• Dusty Sky color palette (#B7F1FF, #18BCFC, #3989DA, #41509E, #321969)
• Denim Balcony color palette (#95FADE, #00A8C8, #1564B4, #3F3688, #4F1055)
• Misty Nightshade Harbor color palette (#D7FFF6, #49DBF9, #0098E5, #4A3DA4, #33003A)

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