Navy Workshop color palette — #E4F3F3 · #5B84AD · #00397D · #002030 · #010030

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

The five colors

• Cream (#E4F3F3): bright and airy, almost weightless.
• Storm Blue (#5B84AD): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#00397D): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#002030): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#010030): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

• Patina Cerulean color palette (#D9E8E6, #4C8A9D, #004359, #002226, #000B14)
• Nightshade Pier color palette (#FDE9EF, #497DAC, #1B229C, #001E24, #020009)
• Frosted Ultramarine Garden color palette (#F4EBE1, #6297C8, #2B3FD0, #003A43, #0C0026)
• Chalky Cobalt Boulevard color palette (#E0E8D4, #69A5E0, #3272CC, #00577C, #010329)
• Washed Cabin color palette (#DFEBEA, #72A6C2, #005D8C, #003C49, #00203D)
• Antique Petrol Study color palette (#E4FBF6, #6FC8D1, #007C8D, #005653, #003948)
• Patina Pine Loft color palette (#DEEADD, #197D2C, #00330A, #1B252C, #000E02)
• Tempered Ridge color palette (#D6F5F1, #639F78, #00846A, #223700, #001203)

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