Quiet Navy color palette — #FAD9F4 · #A39400 · #152697 · #071247 · #1D051A
Indigo and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Thistle (#FAD9F4): A whisper-light, dusty pink — the color of a candy shop window.
- Moss (#A39400): A luminous, balanced green — the color of fresh herbs.
- Indigo (#152697): A deep, shadowed, vivid violet — the color of a velvet chair.
- Deep Indigo (#071247): A deep, shadowed, balanced violet — the color of a velvet chair.
- Ink (#1D051A): 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
- Aged Amber color palette (#F3DCF2, #D37900, #003482, #001742, #1A061A)
- Timeworn Market color palette (#FADAEB, #63A800, #3D178E, #1C0749, #1D0614)
- Ultramarine Grove color palette (#D6E6FF, #C6AA00, #3250B5, #102074, #020E27)
- Ancient Moss Hollow color palette (#FBE9EE, #8EA845, #572B71, #351621, #190C0A)
- Airy Indigo color palette (#D7E5FF, #EFB403, #586EF4, #34429E, #06092E)
- Nocturne Olive color palette (#FFE8EC, #748400, #41004A, #150018, #060000)
- Hushed Studio color palette (#FBD9F1, #483AFF, #5D5C00, #404000, #161B3F)
- Linen Ember Grove color palette (#C3F0DF, #F94F1C, #00405E, #001D2E, #000F10)
Browse the whole catalog at Explore, or see today's palette.