Weathered Navy color palette — #D1EFF4 · #0084AB · #004D79 · #001D7F · #211456

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

The five colors

• Frost (#D1EFF4): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#0084AB): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#004D79): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#001D7F): A deep, shadowed, vivid violet — the color of a velvet chair.
• Deep Indigo (#211456): A deep, shadowed, balanced violet — the color of wild irises.

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

• Hazy Cobalt Alley color palette (#C8E4F5, #0078B1, #004576, #002654, #000431)
• Hushed Nightshade Station color palette (#CAEAF6, #007DC8, #1039B3, #2A007C, #2B044C)
• Weathered Cypress color palette (#D4F9EE, #008283, #005C6C, #003047, #171138)
• Feathered Workshop color palette (#E3EFFF, #1B6CC6, #7D4D00, #003872, #291600)
• Antique Nightshade color palette (#E3EAFE, #4F81E4, #212FA2, #010362, #020036)
• Weathered Peony Orchard color palette (#D8EAFF, #AFAAF6, #B670AC, #004F64, #11213D)
• Airy Studio color palette (#BBEEFF, #66ADDE, #447BBB, #484F8E, #573558)
• Dusty Aubergine color palette (#CDE0F6, #6566E8, #5010AC, #430062, #35002D)

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