Pale Navy color palette — #D7E3C8 · #007451 · #334E95 · #152D80 · #141F00
Built around Navy, softened by Indigo — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#D7E3C8): A whisper-light, dusty green — the color of new leaves after rain.
- Pine (#007451): A full-bodied, balanced teal — the color of glacier melt.
- Indigo (#334E95): A full-bodied, balanced violet — the color of wild irises.
- Navy (#152D80): A deep, shadowed, balanced violet — the color of a velvet chair.
- Ink (#141F00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Creativity, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Pale 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
- Faded Studio color palette (#D7E3CB, #007457, #4C41A1, #6D0017, #002116)
- Airy Forest color palette (#E4EAD4, #006B31, #00405B, #530013, #131700)
- Patina Fern Chapel color palette (#E9DEBE, #6C6400, #005B7B, #003D54, #231900)
- Wandering Nightshade Drift color palette (#D2F1E8, #60821F, #33339B, #61004E, #050A00)
- Hushed Pine color palette (#EDF1DF, #25853E, #714F91, #53346E, #252909)
- Chalky Delta color palette (#C8E8CE, #007078, #7A2A84, #580D62, #001F23)
- Moss Lantern color palette (#EFEBDD, #8D8F00, #005383, #444400, #00110C)
- Frosted Lantern color palette (#FAD4CB, #4A8931, #005765, #630025, #002C1E)
Browse the whole catalog at Explore, or see today's palette.