Quiet Navy color palette — #F9E8EE · #3F88B4 · #003685 · #002224 · #08002A

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

The five colors

• Blush (#F9E8EE): A whisper-light, dusty rose — the color of a warm blush.
• Cerulean (#3F88B4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#003685): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#002224): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#08002A): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Balance. Tagged coastal, cool, light.

Use it as a design system

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

• Misty Navy Balcony color palette (#F4DCE4, #4596D4, #223F9B, #002F35, #140935)
• Muted Atelier color palette (#EBE0E8, #0090A3, #00425C, #00231B, #00091B)
• Cellar Ultramarine color palette (#D7E7FB, #0066BF, #002758, #291A21, #00091D)
• Nocturne Denim color palette (#D7F1F3, #00657C, #003D57, #001739, #040022)
• Weathered Iris Canyon color palette (#DDF0FF, #7E8DED, #864A8C, #00353B, #040B2D)
• Patina Coast color palette (#F0E7D8, #7CAC9C, #0073D9, #005B6A, #02002E)
• Petrol Coast color palette (#F9E9F4, #6FC1C6, #007390, #00523A, #003051)
• Obsidian Station color palette (#D7E3ED, #005780, #573600, #002337, #0B0400)

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