Dusty Navy Loft color palette — #FCF0E1 · #A8A176 · #586D39 · #3F3F75 · #251A00

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

The five colors

• Cream (#FCF0E1): A whisper-light, dusty gold — the color of honey in a jar.
• Taupe (#A8A176): A luminous, dusty green — the color of new leaves after rain.
• Olive (#586D39): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#3F3F75): A deep, shadowed, balanced violet — the color of wild irises.
• Onyx (#251A00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Creativity, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Worn Quarry color palette (#F7F1E8, #BEB38A, #5C8152, #6D485B, #2D270F)
• Aubergine Station color palette (#ECE5CF, #7CA169, #006C48, #581B72, #081B00)
• Garnet Veranda color palette (#F2F4DC, #64BB9C, #007B7A, #723356, #00281C)
• Washed Navy color palette (#EEE1D1, #837B2F, #314D00, #211C60, #090800)
• Washed Orchard color palette (#EDF9F0, #D7D2A4, #8A904B, #85525B, #0C2F20)
• Feathered Rust color palette (#F8E4DB, #C15643, #008265, #00667B, #2A0502)
• Patina Cobalt color palette (#F9F0E8, #ABD1C7, #6478BA, #005967, #22193D)
• Pale Market color palette (#FFE1DC, #C37789, #008C9B, #9C0A48, #002126)

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