Quiet Navy color palette — #F7E6F4 · #778F00 · #112C83 · #010140 · #050004
A conversation between Indigo and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Blush (#F7E6F4): A whisper-light, dusty pink — the color of peonies in June.
- Olive Leaf (#778F00): A luminous, balanced green — the color of fresh herbs.
- Indigo (#112C83): A deep, shadowed, balanced violet — the color of a velvet chair.
- Deep Indigo (#010140): A deep, shadowed, balanced violet — the color of wild irises.
- Black (#050004): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, Creativity, Balance. Tagged luxury, dark.
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
- Velvet Navy color palette (#DAE6FF, #939423, #221570, #0D061A, #01000A)
- Frosted Aubergine Market color palette (#EDD8E4, #009A75, #34188C, #0E0038, #060003)
- Muted Canyon color palette (#F4DDF2, #C56600, #002298, #000738, #050005)
- Airy Workshop color palette (#F4DCEF, #4ECA26, #2F45CF, #1B295C, #060C2A)
- Moss Workshop color palette (#F7E5E7, #5BA91D, #6F1A67, #2E072B, #090001)
- Hazy Clover Summit color palette (#EFD6DF, #4FBF6D, #644387, #311E46, #16050C)
- Dusty Aubergine Market color palette (#EDDFE3, #CAACAB, #AB8E82, #683988, #200D14)
- Feathered Nightshade Corridor color palette (#FAE0EE, #E16C77, #5542AD, #281165, #02000D)
Browse the whole catalog at Explore, or see today's palette.