Tempered Quarry color palette — #F9F0EA · #B4CFC0 · #3D81B8 · #005C56 · #121D42

Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Cream (#F9F0EA): bright and airy, almost weightless.
• Oat (#B4CFC0): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#3D81B8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005C56): A full-bodied, dusty teal — the color of glacier melt.
• Midnight (#121D42): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Petrol Study color palette (#F0E7E2, #80C1BF, #00788C, #004E2D, #001827)
• Timeworn Petrol Cabin color palette (#F7F1EA, #C5E4DB, #7A8CBC, #006A78, #411F32)
• Aged Turquoise Cabin color palette (#EEF7F6, #D8DDE9, #60B1D9, #007D8C, #00324D)
• Worn Parlor color palette (#F3E7E0, #5A9697, #005264, #002D1B, #00050B)
• Gentle Denim color palette (#F5E7DC, #6EA4C4, #1E56A3, #00393B, #08002E)
• Hushed Cobalt color palette (#FFECF5, #EBC6F0, #ECA2A6, #3875B8, #3A1F2A)
• Powdered Corridor color palette (#FEE9F0, #8969B8, #7E6F00, #476700, #260716)
• Washed Aubergine Study color palette (#CCE9FD, #6590D3, #635CC2, #4C1B8F, #341442)

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