Quiet Navy color palette — #F8F6E2 · #80B17F · #00724C · #18367C · #000B01
Navy and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F8F6E2): A whisper-light, dusty green — the color of a quiet forest floor.
- Jade (#80B17F): A luminous, balanced green — the color of new leaves after rain.
- Pine (#00724C): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#18367C): A deep, shadowed, balanced violet — the color of a velvet chair.
- Ink (#000B01): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, muted.
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
- Dusty Teal color palette (#F4F8E3, #5DB693, #006F65, #004451, #000A05)
- Muted Fern color palette (#FFF4E1, #A9A663, #516A00, #412E69, #090800)
- Washed Archive color palette (#E0E4CC, #3AA37E, #005A52, #291D5D, #000201)
- Worn Pine color palette (#DEF6EE, #4D8B4D, #005236, #1D2D50, #022204)
- Pine Courtyard color palette (#F8F6E4, #9EC897, #268A5D, #713C5F, #051F02)
- Aged Field color palette (#FDF4E6, #AAD8BF, #0084B9, #005152, #000D1F)
- Aubergine Ridge color palette (#FFF4E1, #CAC87D, #709217, #5F35A2, #212000)
- Antique Abyss color palette (#F4EDDC, #748239, #1C4800, #2F003A, #010100)
Browse the whole catalog at Explore, or see today's palette.