Navy Atelier color palette — #D9ECEB · #5286AD · #003D70 · #00202D · #00071F

Navy takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#D9ECEB): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#5286AD): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#003D70): A deep, shadowed, balanced blue — the color of deep harbor water.
• Midnight (#00202D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#00071F): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Hushed Bloom color palette (#E5F3F0, #2A9095, #00454D, #00231F, #000B10)
• Patina Navy color palette (#DDF2F2, #6B93BB, #004596, #002D41, #020B3F)
• Sapphire Alley color palette (#FAE7ED, #73A8CA, #496ECD, #005E5A, #0D0025)
• Petrol Parlor color palette (#E2F3EF, #77BFC5, #007585, #00504C, #003440)
• Lagoon Dune color palette (#E9F9F5, #92DEDB, #009197, #006859, #004952)
• Chestnut Alley color palette (#D6EFD6, #735300, #3D2600, #1C0C00, #050300)
• Cerulean Quarry color palette (#ECF8F7, #C3E1F8, #4D90C6, #076D87, #37495E)
• Washed Chestnut color palette (#FCE3FA, #D2836E, #A04C00, #5F0021, #210100)

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