Tempered Quarry color palette — #FCF2F6 · #A5D5F5 · #427CDB · #00666B · #383579

Azure takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FCF2F6): bright and airy, almost weightless.
• Powder Blue (#A5D5F5): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#427CDB): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#00666B): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#383579): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

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

• Timeworn Cerulean color palette (#FAF2F8, #9ADBE5, #008BB8, #006953, #19416B)
• Hazy Parlor color palette (#FFF1F5, #94BDE0, #355DE6, #00545E, #33216E)
• Cobalt Station color palette (#F0F4E8, #A8D6F7, #0487DE, #005E79, #0C2545)
• Hushed Cypress Corridor color palette (#F9F3F7, #D3E0EE, #6BA3B3, #377F5C, #3A566D)
• Timeworn Abyss color palette (#F6EBF2, #8BBAC6, #007587, #00532D, #003249)
• Softworn Navy Market color palette (#E9D9E1, #5F97B7, #004695, #002F31, #0E063F)
• Powder Balcony color palette (#FFF3E8, #CAE9FF, #8CB7FF, #00A4AE, #39386C)
• Muted Harbor color palette (#F8E9F4, #498C96, #00425A, #00231A, #00091A)

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