Pale Navy Loft color palette — #FFF2EE · #BD6E78 · #3B7237 · #353F89 · #4B2851

A conversation between Indigo and Olive, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Dusty Rose (#BD6E78): A luminous, balanced red — the color of embers at dusk.
• Olive (#3B7237): A full-bodied, balanced green — the color of fresh herbs.
• Indigo (#353F89): A full-bodied, balanced violet — the color of a velvet chair.
• Royal Purple (#4B2851): A deep, shadowed, balanced pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

Use it as a design system

One click turns Pale Navy Loft 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

• Dusty Fern color palette (#FFF1F1, #B07197, #6D650F, #005065, #4B2A4C)
• Muted Ridge color palette (#FDF3EE, #C2877A, #3E7F60, #544885, #613332)
• Aubergine Canyon color palette (#FFF3E9, #BC620C, #006958, #560091, #4D2300)
• Cypress Boulevard color palette (#FAF4F0, #C7E5D2, #5C91B4, #007265, #593D57)
• Aged Garnet color palette (#FCF0E0, #9A6E00, #005F6C, #680051, #452000)
• Amber Station color palette (#E9F6E9, #B6831C, #507115, #004D40, #3A0C09)
• Washed Archive color palette (#FCF4E7, #B9B088, #55804F, #724C62, #4E4200)
• Hazy Pier color palette (#FEF3E5, #D39833, #698F26, #006D5E, #562922)

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