Weathered Navy color palette — #F1DEE4 · #5286AE · #26337D · #002222 · #0F0022

A conversation between Navy and Cerulean, giving this palette its sense of trust and stability.

The five colors

• Shell Pink (#F1DEE4): A whisper-light, dusty rose — the color of pressed rose petals.
• Cerulean (#5286AE): A luminous, balanced blue — the color of a favorite pair of jeans.
• Navy (#26337D): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Onyx (#002222): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#0F0022): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged coastal, cool, light, muted.

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

• Timeworn Abyss color palette (#F0E4EE, #4D8C90, #004359, #00240E, #00081E)
• Muted Denim Drift color palette (#DFECE1, #7297B5, #1C54A9, #003947, #04002D)
• Nocturne Harbor color palette (#CEF5F5, #006F6F, #003035, #13171D, #000A0C)
• Sapphire Thicket color palette (#EEE2D6, #67A8D7, #4762ED, #005D5C, #0E0023)
• Worn Study color palette (#F5EBF3, #88BACD, #08719B, #005331, #182C53)
• Indigo Corridor color palette (#D3E6E3, #549DC4, #6D62B4, #153900, #000C0F)
• Twilit Garnet color palette (#CEF1F8, #005E58, #77002F, #002724, #130003)
• Forest Delta color palette (#FAF2FA, #A2D8E7, #008DAE, #136B26, #1B4268)

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