Tempered Quarry color palette — #F5E7EF · #6EACC4 · #0054A0 · #002C24 · #010009

Peacock and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F5E7EF): a clean, paper-quiet neutral.
• Cyan (#6EACC4): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#0054A0): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Forest (#002C24): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#010009): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Softworn Drift color palette (#E5DBE6, #79ABB8, #005E75, #002E07, #000104)
• Hushed Boulevard color palette (#F9E9F1, #7FC1E0, #0061D0, #003F37, #030011)
• Dusty Cerulean Dune color palette (#ECDED5, #008EB1, #003C72, #00231C, #070128)
• Cobalt Alley color palette (#EFE7DC, #67ABC5, #007CB5, #005D60, #00091B)
• Ember Grove color palette (#DBE6FF, #D89CCF, #D45E50, #004C70, #020006)
• Washed Cobalt color palette (#FEF0FC, #9AD8E3, #0083BD, #005438, #020039)
• Nightshade Ridge color palette (#CDE6F1, #3474D1, #3700A6, #200041, #030003)
• Pale Aubergine Station color palette (#EBE6FF, #5D38A6, #444C00, #303600, #020008)

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