Frosted Navy color palette — #CBEDEE · #7D7F00 · #00714C · #003F84 · #000102
Navy takes the lead with Olive Leaf close behind in a set that reads as nature and growth at first glance.
The five colors
- Frost (#CBEDEE): A whisper-light, dusty teal — the color of shallow lagoons.
- Olive Leaf (#7D7F00): A full-bodied, balanced green — the color of a quiet forest floor.
- Pine (#00714C): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#003F84): A deep, shadowed, balanced blue — the color of open sky before noon.
- Black (#000102): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged candy, vibrant, light.
Use it as a design system
One click turns Frosted 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
- Quiet Nightshade color palette (#D0E8F3, #3E8600, #00666B, #3000A3, #000103)
- Aged Pine Veranda color palette (#D1F6EF, #AD6D00, #18740D, #003E4B, #000201)
- Emerald Terrace color palette (#DBF3F6, #2BA22E, #007263, #00424F, #000303)
- Feathered Moss Archive color palette (#E4F1D4, #A49600, #009176, #005AA2, #000607)
- Chalky Ridge color palette (#D6EAD0, #4EC661, #00917F, #005C75, #000202)
- Inked Field color palette (#D0E8E0, #186845, #003131, #111700, #000201)
- Navy Pier color palette (#F6E8F2, #3A8495, #003F65, #002016, #01000C)
- Soft Aubergine Delta color palette (#E0F0FB, #00A07B, #007FAA, #700078, #000111)
Browse the whole catalog at Explore, or see today's palette.