Misty Navy color palette — #FFF0F9 · #B46846 · #506200 · #1A3A87 · #382430

Indigo and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Ochre (#B46846): A full-bodied, balanced orange — the color of sun-warmed clay.
• Olive (#506200): A full-bodied, balanced green — the color of new leaves after rain.
• Indigo (#1A3A87): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Onyx (#382430): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Misty 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

• Wandering Bronze color palette (#FDF1FA, #B0604F, #7C5000, #004B60, #332031)
• Antique Denim color palette (#ECF9F3, #84884B, #526B37, #364984, #402A32)
• Hushed Rust Basin color palette (#FBEFE9, #C65E47, #006953, #004273, #220D10)
• Antique Navy Lantern color palette (#ECF9EC, #C28487, #7B6826, #3F4786, #523145)
• Hushed Terrace color palette (#FDF1F9, #D76F56, #008E74, #2F6795, #2D2838)
• Aged Coast color palette (#E2FAE4, #795300, #064C0B, #1A0088, #1D1100)
• Bronze Field color palette (#F9F3F7, #CFD9DB, #ADC1C2, #A85D41, #4F444B)
• Timeworn Aubergine color palette (#E2FCF1, #6B6F00, #005F4C, #5B007B, #202200)

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