Tempered Navy Quarry color palette — #F9F7DA · #5F8500 · #386700 · #242983 · #060300

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

The five colors

• Custard (#F9F7DA): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#5F8500): A full-bodied, balanced green — the color of fresh herbs.
• Olive (#386700): A full-bodied, balanced green — the color of fresh herbs.
• Indigo (#242983): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#060300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.

Use it as a design system

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

• Aubergine Ridge color palette (#F2F9E3, #009255, #006D3D, #461E7B, #030200)
• Pine Terrace color palette (#FFF3E5, #B47400, #047920, #431873, #030100)
• Bronze Coast color palette (#FEF5DC, #928400, #655B00, #003761, #040100)
• Hushed Pine color palette (#F3F9D8, #008024, #004859, #002F43, #030100)
• Washed Marigold Parlor color palette (#FFF2E9, #D59400, #078044, #4C2B71, #151300)
• Wandering Study color palette (#EDE6C4, #708000, #3E3D45, #1D290A, #050400)
• Inked Fern color palette (#EAE8CA, #3F5A00, #003B4D, #2E0017, #010100)
• Aubergine Dune color palette (#F1E4D1, #744C00, #00495A, #36006B, #0E0100)

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