Quiet Navy color palette — #9FF9EC · #00AFC4 · #006C9D · #203594 · #390C6A

Built around Indigo, softened by Royal Purple — the whole palette hums with trust and stability.

The five colors

• Sea Foam (#9FF9EC): A whisper-light, balanced teal — the color of sea glass.
• Cyan (#00AFC4): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006C9D): A full-bodied, balanced blue — the color of deep harbor water.
• Indigo (#203594): A deep, shadowed, balanced violet — the color of wild irises.
• Royal Purple (#390C6A): A deep, shadowed, balanced violet — the color of wild irises.

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

• Navy Bloom color palette (#AFF4D4, #29B4B2, #00718D, #00426F, #1C1D71)
• Linen Ultramarine color palette (#A4F4F9, #39A1D2, #105CC8, #412A90, #470664)
• Tempered Navy Meadow color palette (#92F8FF, #68D4F5, #4AA9EC, #4370C0, #27167F)
• Wandering Quarry color palette (#CEF0FC, #00A5DC, #006FAB, #003A71, #001147)
• Frosted Navy Coast color palette (#B0EBFF, #43C4FD, #1F88C6, #1D5799, #0B287A)
• Linen Aubergine Hollow color palette (#E0FBFF, #6FB0D9, #4B71BF, #50398B, #50235D)
• Washed Atelier color palette (#E1F3F2, #0082A6, #004C84, #1B0072, #22003A)
• Feathered Nightshade color palette (#C2E7F5, #0074B3, #1F00B7, #220044, #170016)

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