Navy Workshop color palette — #F9ECE2 · #5A87A2 · #003880 · #002224 · #07002A

Built around Navy, softened by Ink — the whole palette hums with trust and stability.

The five colors

• Cream (#F9ECE2): a clean, paper-quiet neutral.
• Storm Blue (#5A87A2): A luminous, dusty blue — the color of deep harbor water.
• Navy (#003880): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Midnight (#002224): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#07002A): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

Use it as a design system

One click turns Navy Workshop 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

• Faded Navy Lagoon color palette (#F5EADF, #5F96BE, #16409F, #002F34, #140042)
• Tempered Quarry color palette (#ECE2DD, #4F8B92, #004358, #002319, #000A18)
• Ancient Villa color palette (#FBEBF1, #65A9D1, #3573C8, #005D60, #06002B)
• Softworn Denim Pier color palette (#F0E1D8, #7FAA92, #005D8E, #003F38, #05194E)
• Washed Petrol Basin color palette (#F8ECE6, #82BEBF, #00748D, #005236, #00314E)
• Muted Delta color palette (#F1EFD7, #5DA381, #008186, #453200, #000E03)
• Olive Market color palette (#E9F4DF, #497400, #0D3200, #172329, #030C00)
• Wandering Aubergine color palette (#F5EED1, #505600, #5E0080, #202300, #0D0015)

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