Quiet Navy color palette — #E7FFC6 · #7FEECB · #43BFCA · #4392BE · #343076
Navy takes the lead with Lagoon close behind in a set that reads as nature and growth at first glance.
The five colors
- Custard (#E7FFC6): A whisper-light, dusty green — the color of fresh herbs.
- Lagoon (#7FEECB): A whisper-light, balanced teal — the color of sea glass.
- Cyan (#43BFCA): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#4392BE): A luminous, balanced blue — the color of deep harbor water.
- Navy (#343076): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. 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
- Wandering Seafoam Pier color palette (#FBF3B2, #A5E29D, #6AC5A5, #2D90A2, #003B68)
- Dusty Thicket color palette (#C3FFE2, #51E8EC, #6BB5E3, #7581C1, #4E286C)
- Faded Chapel color palette (#B9FFE2, #4ED6C6, #00AAB7, #09728E, #00416C)
- Quiet Ultramarine color palette (#E4F2E8, #00D4CC, #00A4D3, #1E52EE, #3B006A)
- Faded Delta color palette (#FFF0FE, #52E4B5, #67ACE2, #AC6E70, #22424B)
- Gentle Aubergine Harbor color palette (#CDF3E6, #0092A1, #0061A6, #3F2095, #07000B)
- Feathered Navy color palette (#DCE9DD, #00A68B, #007B8F, #004788, #0F002C)
- Aged Hollow color palette (#D3E9F1, #00C1CA, #5E7287, #3D4D52, #111A1A)
Browse the whole catalog at Explore, or see today's palette.