Weathered Navy color palette — #E8EFFB · #9EA063 · #313E74 · #171F3F · #110E1B
Navy and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#E8EFFB): a clean, paper-quiet neutral.
- Moss (#9EA063): A luminous, balanced green — the color of new leaves after rain.
- Navy (#313E74): A deep, shadowed, balanced violet — the color of wild irises.
- Midnight (#171F3F): A deep, shadowed, dusty violet — the color of wild irises.
- Ink (#110E1B): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, muted.
Use it as a design system
One click turns Weathered 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
- Navy Garden color palette (#E5F0FB, #C98977, #004673, #00233E, #0C0D20)
- Aubergine Pier color palette (#EDECFF, #67AC92, #54306B, #2B1739, #170B1B)
- Muted Station color palette (#EAEEF8, #CBB17B, #595D96, #2D2E62, #0E152A)
- Iris Market color palette (#F9E9F5, #CDCE7F, #6D81D4, #465383, #1E111B)
- Moss Dune color palette (#E3DAEC, #6F9C4B, #591940, #2B041C, #0F0716)
- Antique Stone Cabin color palette (#F4F4FE, #93CCCD, #5C597D, #373550, #2A212C)
- Deep Navy color palette (#E1E9FE, #6C862C, #200670, #07002A, #030009)
- Hushed Nightshade Drift color palette (#F0F5FF, #8392E6, #94412C, #3B41A0, #23111E)
Browse the whole catalog at Explore, or see today's palette.