Quiet Navy color palette — #E1F3FF · #0074C0 · #003682 · #0B0062 · #0A0031
A conversation between Deep Indigo and Royal Blue, giving this palette its sense of trust and stability.
The five colors
- Frost (#E1F3FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Royal Blue (#0074C0): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#003682): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Deep Indigo (#0B0062): A deep, shadowed, balanced violet — the color of wild irises.
- Ink (#0A0031): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
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
- Petrol Terrace color palette (#D0F0FA, #00799E, #003C5C, #001D3B, #000431)
- Aubergine Workshop color palette (#C9EAF5, #008BC8, #0051AF, #25007E, #10002B)
- Sapphire Corridor color palette (#E0EDFF, #3B5FEF, #2D00A0, #1C0051, #12002A)
- Nocturne Aubergine Alley color palette (#E3EDF9, #004C84, #380068, #2B0018, #000A0B)
- Faded Field color palette (#CDE8E0, #00A2BA, #006CDA, #4500B8, #17001D)
- Abyss Workshop color palette (#D4E3EE, #95ACC1, #6C819A, #003D54, #08151E)
- Bright Ultramarine color palette (#E4F2FF, #4791FF, #2432EB, #3300A8, #2A006B)
- Hushed Amethyst Corridor color palette (#EEEEFF, #8128EF, #560085, #2C0039, #1A001C)
Browse the whole catalog at Explore, or see today's palette.