Navy Loft color palette — #FFF0F7 · #D28450 · #6E8109 · #144095 · #1C0512

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

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Mustard (#D28450): A luminous, balanced gold — the color of honey in a jar.
• Olive Leaf (#6E8109): A full-bodied, balanced green — the color of a quiet forest floor.
• Indigo (#144095): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#1C0512): A deep, shadowed, dusty rose — the color of a warm blush.

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

Use it as a design system

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

• Wandering Coral color palette (#FFF0FA, #D47A64, #8C7000, #004D65, #1C0317)
• Dusty Basin color palette (#E6FBF0, #9E9616, #6E7B00, #1D3BA9, #1C0411)
• Nightshade Bloom color palette (#E5FDE4, #F29C95, #8E7F00, #414695, #381700)
• Emerald Quarry color palette (#EEF8EF, #CCA24D, #579343, #5856A7, #071C0B)
• Antique Aubergine Study color palette (#EDF9ED, #B7862B, #007F5A, #622C91, #001403)
• Chalky Aubergine color palette (#D9FFF1, #7D9000, #127C24, #47008B, #090600)
• Linen Aubergine Summit color palette (#FBF1FF, #E881A1, #008B6B, #68297A, #2D0438)
• Muted Amber color palette (#EBFAEB, #B67D00, #063F33, #021404, #030002)

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