Tempered Navy Quarry color palette — #F4EAF3 · #AF9FA9 · #9C7C88 · #244180 · #120411

Navy and Heather set the tone — five colors that lean into creativity and sophistication.

The five colors

• Blush (#F4EAF3): bright and airy, almost weightless.
• Taupe (#AF9FA9): A luminous, dusty pink — the color of neon signs at night.
• Heather (#9C7C88): A luminous, dusty rose — the color of a warm blush.
• Navy (#244180): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#120411): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

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

• Wandering Abyss color palette (#E1EDE5, #96AAA2, #947E95, #004E5C, #010D05)
• Ancient Navy color palette (#E9DFE9, #A4959C, #8A6569, #00295B, #120313)
• Dusty Ultramarine Drift color palette (#DAE1E9, #A69DB0, #997F96, #0761BD, #030915)
• Hushed Navy Garden color palette (#D9DFE8, #B5BACA, #8C8FB0, #09318C, #000105)
• Wandering Mulberry Bloom color palette (#F0E4E5, #C1B0AF, #B08B83, #7E297B, #240A0F)
• Cobalt Ridge color palette (#F5EBF1, #E3D3D8, #CDAEB3, #6C68AC, #372931)
• Patina Pewter color palette (#D9E0FF, #8463A1, #744561, #362B00, #081300)
• Antique Forest color palette (#E9E0C4, #697D44, #165316, #012E4C, #040700)

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