Tempered Quarry color palette — #E3F8E7 · #839CCD · #775C97 · #613E00 · #18213A

Slate takes the lead with Bronze close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Honeydew (#E3F8E7): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#839CCD): A luminous, dusty violet — the color of a velvet chair.
• Slate (#775C97): A full-bodied, balanced violet — the color of twilight just after sunset.
• Bronze (#613E00): A deep, shadowed, balanced gold — the color of old brass.
• Midnight (#18213A): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Optimism, Creativity, Sophistication. Tagged retro, 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

• Fern Station color palette (#E9F6EC, #AFA3D0, #946888, #57551D, #2B293D)
• Garnet Lagoon color palette (#E7F7EA, #4CABC1, #456CA1, #7A2421, #032639)
• Hushed Mulberry Canyon color palette (#EBF2FF, #778ACA, #97475A, #494200, #002425)
• Worn Turquoise color palette (#F8F7DE, #34A5CC, #75599F, #3F5712, #463748)
• Iris Study color palette (#FFF4E2, #92B1EE, #9574BC, #7F5C28, #4D3445)
• Chalky Plum Ridge color palette (#DDFBE3, #B474C5, #AD145F, #2E4700, #33042D)
• Softworn Indigo Bloom color palette (#EAEFFF, #6E68BD, #2F2E44, #101526, #03060E)
• Hushed Courtyard color palette (#E3FBF7, #8CDAEB, #9085D3, #37742C, #19344A)

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