Weathered Navy color palette — #F3E7E0 · #628B77 · #003E6B · #002221 · #02002E

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

The five colors

• Parchment (#F3E7E0): a clean, paper-quiet neutral.
• Fern (#628B77): A luminous, dusty teal — the color of sea glass.
• Navy (#003E6B): A deep, shadowed, balanced blue — the color of open sky before noon.
• Onyx (#002221): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#02002E): A deep, shadowed, balanced violet — the color of wild irises.

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

• Washed Navy Chapel color palette (#EADED6, #6896AE, #004A8A, #003030, #0B0048)
• Muted Courtyard color palette (#DEF2F0, #3283A0, #00415C, #001E24, #000103)
• Cobalt Basin color palette (#EBDCE4, #4FAECF, #0079C2, #005E58, #010328)
• Ancient Olive Hollow color palette (#E5F5D3, #606F00, #253300, #152326, #060A00)
• Tempered Aubergine Station color palette (#EFECDE, #545500, #3F149C, #222200, #06001E)
• Softworn Jade color palette (#F2EDD5, #6EA266, #00776F, #412B00, #080F00)
• Washed Petrol color palette (#F4EDE6, #8CBDB0, #4A62B1, #004E59, #2F2259)
• Timeworn Boulevard color palette (#FCF3EE, #B4CCB6, #0086A3, #006343, #193E58)

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