Washed Navy color palette — #FFF1F6 · #C58573 · #6B6F22 · #4E4184 · #50343E

Built around Indigo, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Caramel (#C58573): A luminous, balanced orange — the color of autumn markets.
• Olive (#6B6F22): A full-bodied, balanced green — the color of a quiet forest floor.
• Indigo (#4E4184): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal (#50343E): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Nature, Growth, Creativity, Balance. Tagged retro, muted.

Use it as a design system

One click turns Washed 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 Ridge color palette (#EAFAED, #C48197, #8D5F11, #2C498D, #4C3449)
• Hushed Aubergine color palette (#FFF0FA, #B78F5C, #3F784B, #643974, #224534)
• Antique Olive Ridge color palette (#FEF0DA, #C49151, #6E7000, #104B6F, #2C210D)
• Aubergine Dune color palette (#FBF2FA, #B87372, #00717B, #642F6C, #4B2850)
• Weathered Meadow color palette (#E6FCEA, #D7A76C, #8A8D02, #246996, #2E4333)
• Pewter Canyon color palette (#FAEDFF, #D0B1BE, #638E83, #77536F, #5D4153)
• Timeworn Cypress color palette (#FAF3F5, #CBDFF1, #7A87B9, #007072, #4E3F66)
• Hushed Corridor color palette (#FFD7EE, #B76500, #366B12, #460067, #342700)

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