Tempered Quarry color palette — #F1F5FF · #B2B9FF · #A2A100 · #5753CE · #3E3D00
Iris takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F1F5FF): a clean, paper-quiet neutral.
- Lavender (#B2B9FF): A luminous, balanced violet — the color of a velvet chair.
- Moss (#A2A100): A luminous, balanced green — the color of a quiet forest floor.
- Iris (#5753CE): A full-bodied, vivid violet — the color of a velvet chair.
- Deep Olive (#3E3D00): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Creativity, Balance. Tagged cool.
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
- Hazy Sapphire Boulevard color palette (#F0F5FF, #8DAAFF, #CE9918, #405EEA, #4D3600)
- Timeworn Indigo Harbor color palette (#FFF0FB, #B5C4FF, #ACBC07, #5865FD, #2D3200)
- Soft Amethyst color palette (#EAEEFF, #AA9AE7, #69B25C, #7052BF, #184011)
- Aged Grape color palette (#DBDBF8, #B27EDB, #998700, #813AB1, #302900)
- Antique Grape color palette (#FFF0F9, #8B88DE, #917F00, #5B03ED, #443B00)
- Quiet Driftwood color palette (#F6F3FF, #D9A3D2, #7CB57D, #A5679F, #284C2A)
- Timeworn Amber Studio color palette (#EBF7FF, #51D0FF, #C37600, #0083A9, #553100)
- Airy Plum color palette (#F8F2FF, #FF97DA, #60B151, #A92E85, #0E4802)
Browse the whole catalog at Explore, or see today's palette.