Pale Navy color palette — #D7E0F1 · #3F4EC4 · #5C4900 · #190088 · #150F00

Indigo takes the lead with Cobalt close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#D7E0F1): A whisper-light, dusty violet — the color of a velvet chair.
• Cobalt (#3F4EC4): A full-bodied, vivid violet — the color of wild irises.
• Deep Olive (#5C4900): A full-bodied, balanced green — the color of new leaves after rain.
• Indigo (#190088): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Ink (#150F00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Creativity, 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

• Pale Ultramarine color palette (#CDE1F9, #005EB3, #6A4100, #002C5A, #190C00)
• Faded Grape color palette (#DEE0F1, #753CAC, #465200, #3E0068, #0E1200)
• Pale Coast color palette (#F4E2EE, #5D6AD6, #7E6200, #3100C4, #150E00)
• Gentle Nightshade Pier color palette (#E0E4FF, #410BCD, #712100, #003B22, #050026)
• Softworn Grape color palette (#DAE4FF, #7868FF, #827000, #4B00CF, #362E00)
• Lapis Drift color palette (#FBE3F5, #677FFF, #947F00, #3C3EEE, #140F00)
• Gentle Navy color palette (#E2E7F5, #A98FC4, #9E6096, #004076, #190837)
• Aubergine Workshop color palette (#ECECFC, #6957D1, #370C99, #120035, #030011)

Browse the whole catalog at Explore, or see today's palette.