Navy Workshop color palette — #DDEEF3 · #009FDF · #0069A3 · #003BA0 · #21217D

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

The five colors

• Frost (#DDEEF3): bright and airy, almost weightless.
• Cornflower (#009FDF): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#0069A3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Indigo (#003BA0): A deep, shadowed, vivid violet — the color of a velvet chair.
• Indigo (#21217D): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

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

• Gentle Nightshade Alley color palette (#CAF6F3, #009DC3, #006291, #1C009F, #20004F)
• Chalky Sapphire color palette (#CEF4FF, #27BAFD, #0094EF, #0F64F5, #1E2A75)
• Hushed Cornflower Archive color palette (#D3E7FF, #0884F0, #986300, #004E93, #412800)
• Frosted Lapis Grove color palette (#C7E7E4, #00BBD8, #007DCA, #3710F4, #430F81)
• Timeworn Ultramarine color palette (#E1EBFF, #5C91FF, #2046D5, #0E0093, #080056)
• Wisteria Dune color palette (#F0F5FF, #CACCFF, #BE83DC, #0070A4, #30336E)
• Aged Turquoise Bloom color palette (#CDF3EE, #00A8B4, #006977, #004A5E, #00344E)
• Muted Delta color palette (#C9E2FF, #6993FC, #5E5AE5, #562FA5, #4F2F6B)

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