Tempered Quarry color palette — #F0F6FF · #FFB8C7 · #5F86F2 · #495A85 · #121B29
A conversation between Periwinkle and Ballet Pink, giving this palette its sense of creativity and balance.
The five colors
- Ivory (#F0F6FF): a clean, paper-quiet neutral.
- Ballet Pink (#FFB8C7): A whisper-light, balanced red — the color of late-summer berries.
- Periwinkle (#5F86F2): A luminous, vivid violet — the color of a velvet chair.
- Peacock (#495A85): A full-bodied, dusty violet — the color of twilight just after sunset.
- Midnight (#121B29): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Creativity, Balance. Tagged luxury, dark, 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
- Tempered Iris color palette (#EBEDFF, #FFB1A5, #9379B8, #515275, #131425)
- Chartreuse Alley color palette (#ECF7FF, #6CEF7C, #1999D2, #276282, #031D2E)
- Hushed Studio color palette (#EFF6FF, #E6B200, #3960C8, #29395E, #0D1A30)
- Sapphire Canyon color palette (#FFF0FC, #FFD26F, #4565B9, #152963, #11020F)
- Muted Taupe Grove color palette (#F9F2FC, #FFD4B8, #C48C9E, #75667C, #2E2930)
- Hushed Lilac color palette (#F3F4FF, #E1D5E3, #C0A5A0, #B493DA, #3E3E4B)
- Peony Hollow color palette (#F2F5FF, #A8A3FF, #EF4B89, #008E9B, #102338)
- Lilac Pier color palette (#F2F5FF, #CFC6FF, #EA76D1, #9F81FE, #20182D)
Browse the whole catalog at Explore, or see today's palette.