Tempered Quarry color palette — #FEE7FE · #F80B8B · #9C0023 · #320F00 · #020100
A conversation between Hot Pink and Garnet, giving this palette its sense of optimism and warmth.
The five colors
- Blush (#FEE7FE): A whisper-light, dusty pink — the color of neon signs at night.
- Hot Pink (#F80B8B): A luminous, vivid rose — the color of strawberry cream.
- Garnet (#9C0023): A full-bodied, vivid orange — the color of autumn markets.
- Ink (#320F00): A deep, shadowed, dusty orange — the color of autumn markets.
- Black (#020100): quiet, heavy and certain.
Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged vibrant, warm.
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
- Magenta Atelier color palette (#EBE2F2, #DC36C5, #9E0050, #390200, #030100)
- Sunlit Orchard color palette (#EFDBE0, #FF372C, #833A00, #241700, #010100)
- Gentle Corridor color palette (#F3DAE8, #BA3A69, #70001A, #320A00, #110600)
- Frosted Raspberry color palette (#E9EAC7, #CC009A, #732600, #002025, #040001)
- Quiet Crimson Field color palette (#E8DBF9, #CF59B4, #CD1C43, #723700, #0E0900)
- Lowlit Plum Chapel color palette (#FFE7E6, #B5007E, #3A4000, #001822, #000102)
- Weathered Coast color palette (#FFEAE5, #F287FF, #FF2873, #815600, #040000)
- Hushed Ember Pier color palette (#FFF0FB, #FF9BB5, #F13508, #703C00, #1D1500)
Browse the whole catalog at Explore, or see today's palette.