Tempered Quarry color palette — #DEF5E6 · #3ECD97 · #00A8C9 · #5265FF · #001A29

Sapphire takes the lead with Mint Leaf close behind in a set that reads as trust and stability at first glance.

The five colors

• Honeydew (#DEF5E6): A whisper-light, dusty teal — the color of glacier melt.
• Mint Leaf (#3ECD97): A luminous, balanced teal — the color of sea glass.
• Cyan (#00A8C9): A luminous, balanced blue — the color of deep harbor water.
• Sapphire (#5265FF): A full-bodied, vivid violet — the color of twilight just after sunset.
• Ink (#001A29): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged candy, vibrant, light, cool.

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

• Weathered Amethyst color palette (#DCF7EA, #00C9C0, #00A7EA, #8740EF, #001936)
• Cobalt Meadow color palette (#E6F5E0, #91C857, #00B59F, #0077D4, #00181A)
• Indigo Quarry color palette (#EAF8FF, #14F1CD, #00B8E4, #7869E2, #00050A)
• Frosted Turquoise Villa color palette (#C3E7FA, #00BAC0, #008FAC, #005F8F, #001C27)
• Washed Sapphire Villa color palette (#F6E0F1, #00A1C9, #376AFF, #8D008B, #03000D)
• Dusty Byzantium Balcony color palette (#EFD7EE, #00C8E5, #6F98FF, #B500CD, #110248)
• Tempered Petrol color palette (#F5E8E1, #7EBEC1, #00829E, #005C3E, #002238)
• Worn Ridge color palette (#CAF1E7, #79A08A, #516AA5, #643C00, #232A00)

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