Navy Quarry color palette — #FFEBE3 · #BA8A6B · #716C3A · #3C4692 · #3B1E48

Indigo and Deep Indigo set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFEBE3): A whisper-light, dusty orange — the color of toasted spice.
• Caramel (#BA8A6B): A luminous, dusty gold — the color of afternoon light on wheat.
• Olive (#716C3A): A full-bodied, dusty green — the color of a quiet forest floor.
• Indigo (#3C4692): A full-bodied, balanced violet — the color of wild irises.
• Deep Indigo (#3B1E48): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

One click turns Navy Quarry 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 Coast color palette (#F1E3EA, #C68783, #966B26, #005072, #241E4B)
• Timeworn Pier color palette (#FBD8C5, #A69371, #4D7647, #603977, #49162D)
• Washed Pine Veranda color palette (#F2D8CF, #C5A668, #4D8045, #493762, #1A1A38)
• Hushed Parlor color palette (#F0EDDD, #92A125, #763DC4, #505900, #240048)
• Weathered Study color palette (#EAE3D0, #64804C, #005B51, #4C163C, #250100)
• Worn Fern Ridge color palette (#E5E1D0, #898D3A, #466918, #004140, #0C2639)
• Emerald Quarry color palette (#FFEBE1, #BFB181, #449D5F, #7E4B8F, #641D31)
• Feathered Hollow color palette (#F5EBE4, #8EBDAA, #2073D3, #00595B, #17164B)

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