Tempered Quarry color palette — #FBE9EF · #7DB8E6 · #4F63A9 · #00504F · #34234F

A conversation between Slate and Sky, giving this palette its sense of trust and stability.

The five colors

• Blush (#FBE9EF): A whisper-light, dusty rose — the color of strawberry cream.
• Sky (#7DB8E6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#4F63A9): A full-bodied, balanced violet — the color of a velvet chair.
• Forest (#00504F): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#34234F): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. 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

• Misty Dune color palette (#F6EAF5, #66C2C8, #007297, #005329, #142D52)
• Petrol Balcony color palette (#E7EBE0, #8FBFB1, #396DA7, #004761, #00113C)
• Cobalt Parlor color palette (#E0F3F2, #A7C8E7, #3F89D7, #006789, #112C59)
• Blush Alley color palette (#DEF0FF, #C3C3FF, #CB84A7, #006564, #29384F)
• Hushed Cobalt color palette (#FEF1FA, #71E1F2, #0089C2, #006A45, #293D6E)
• Periwinkle Orchard color palette (#F5EDE6, #B1D8F9, #7DA2F5, #008F9D, #2C225B)
• Ash Hollow color palette (#F1F7F0, #DBDDEE, #8C96C3, #4D7682, #4F5165)
• Antique Harbor color palette (#F9E9F1, #499BB9, #00498C, #003128, #110839)

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