Navy Loft color palette — #FFF3E4 · #875C00 · #0036A2 · #43000C · #020100

A conversation between Indigo and Ochre, giving this palette its sense of trust and stability.

The five colors

• Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
• Ochre (#875C00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Indigo (#0036A2): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Espresso (#43000C): A deep, shadowed, balanced red — the color of late-summer berries.
• Black (#020100): quiet, heavy and certain.

Feels like: 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

• Dusty Nightshade color palette (#FCF6D9, #656C00, #4100CC, #4E0103, #010100)
• Onyx Dune color palette (#FFF4DD, #786500, #00486D, #49003A, #020100)
• Lowlit Navy Workshop color palette (#EBF1D6, #005E22, #0B0095, #350004, #000200)
• Softworn Bloom color palette (#F1F8E5, #007447, #59009C, #361300, #010100)
• Aged Moss Courtyard color palette (#FFE9DB, #57A000, #00625F, #520030, #000502)
• Moonless Cypress Bloom color palette (#EBF2E3, #007151, #2A3338, #001618, #000201)
• Aubergine Loft color palette (#E2E7D9, #004F30, #41005D, #150600, #000201)
• Pale Grape Coast color palette (#F5F9DA, #33AD25, #6E00E7, #7A0F00, #010A00)

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