Weathered Navy color palette — #DDE1D6 · #4886B6 · #003C73 · #00202E · #000722

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

The five colors

• Bone (#DDE1D6): a clean, paper-quiet neutral.
• Cerulean (#4886B6): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#003C73): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Midnight (#00202E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000722): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, 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

• Aged Coast color palette (#EFF0E5, #468D92, #00454E, #002220, #000B10)
• Washed Navy Cabin color palette (#EDF2E3, #6094C7, #004598, #002C42, #020941)
• Cobalt Villa color palette (#F8E9DB, #75A6CD, #596DC0, #005D5E, #0F0022)
• Patina Petrol Studio color palette (#EEEFE5, #7ABEC6, #007587, #00504D, #003441)
• Chestnut Market color palette (#EFE7DB, #815A00, #372600, #0F1B1C, #100800)
• Antique Quarry color palette (#F6F6E9, #9EDBDA, #009199, #00685A, #004952)
• Hushed Olive color palette (#FBE5C7, #A8934C, #797800, #4C2C00, #130B00)
• Aubergine Veranda color palette (#FAE1D0, #823800, #5E007F, #381400, #0D0015)

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