Frosted Navy color palette — #E8F6EE · #847E37 · #206B3E · #244185 · #200D20
Navy and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#E8F6EE): bright and airy, almost weightless.
- Walnut (#847E37): A full-bodied, balanced green — the color of a quiet forest floor.
- Pine (#206B3E): A full-bodied, balanced teal — the color of sea glass.
- Navy (#244185): A deep, shadowed, balanced violet — the color of wild irises.
- Ink (#200D20): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.
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
- Hushed Bronze color palette (#EAF5EB, #AC7836, #54600D, #00425A, #1B0E22)
- Navy Dune color palette (#F8EEF6, #BE7870, #2A7642, #2F3683, #3A0A10)
- Worn Aubergine color palette (#E9F5EF, #8F915A, #00797E, #553C78, #132213)
- Worn Atelier color palette (#E6F8E5, #C88D62, #6A7216, #46397C, #102914)
- Chalky Garnet color palette (#E5F6F7, #007E5F, #00577F, #56003F, #001008)
- Worn Aubergine color palette (#DAF3E6, #6A6500, #005545, #280073, #120300)
- Plum Coast color palette (#EAF9F6, #A0599A, #006574, #074273, #242536)
- Tempered Bronze Drift color palette (#DBE9DF, #8C7200, #1A3731, #061B0F, #0C0407)
Browse the whole catalog at Explore, or see today's palette.