Navy Workshop color palette — #D1E5E9 · #376B94 · #343976 · #410E04 · #1A0C00

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

The five colors

• Silver (#D1E5E9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate (#376B94): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#343976): A deep, shadowed, balanced violet — the color of a velvet chair.
• Espresso (#410E04): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#1A0C00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged vintage, retro, 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

• Navy Villa color palette (#D2FAF0, #00737F, #0C446C, #3D0F23, #2C0100)
• Charred Navy color palette (#C8EFE5, #006687, #38255C, #241600, #060300)
• Softworn Aubergine color palette (#E2EDFD, #6D6794, #59235A, #2A1A00, #031002)
• Antique Cobalt color palette (#C4EBDF, #0085B6, #5F4A79, #452B08, #1D0E00)
• Tempered Cerulean color palette (#D2E7F7, #6589B8, #626B95, #673C59, #270010)
• Dusty Lagoon color palette (#F5EDE1, #458E8E, #00454F, #00231A, #000B11)
• Deep Nightshade color palette (#F4E1F3, #0649AD, #503A00, #001C4E, #090500)
• Navy Summit color palette (#E5E8F8, #495BCD, #19008D, #150211, #060029)

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