Tempered Quarry color palette — #F3F7E8 · #AFE4B9 · #E3B5E3 · #78BA86 · #664148
Built around Jade, softened by Mint — the whole palette hums with nature and growth.
The five colors
- Ivory (#F3F7E8): A whisper-light, dusty green — the color of new leaves after rain.
- Mint (#AFE4B9): A whisper-light, balanced teal — the color of glacier melt.
- Carnation (#E3B5E3): A whisper-light, balanced pink — the color of a candy shop window.
- Jade (#78BA86): A luminous, balanced teal — the color of sea glass.
- Cocoa (#664148): A full-bodied, dusty red — the color of late-summer berries.
Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged 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
- Worn Thicket color palette (#EDF9ED, #98E5E5, #F8B1B2, #5FB9BA, #64443A)
- Softworn Taupe Quarry color palette (#FBF5E5, #DED898, #B6C3FF, #B3AB5F, #604257)
- Tempered Seafoam color palette (#F0F9E1, #8EDBB0, #DAACD6, #D68E92, #41433D)
- Stone Workshop color palette (#F4F7EA, #BEE0E3, #C9BF9A, #A9A8B6, #485041)
- Worn Lagoon Hollow color palette (#EAF9F8, #99D5AC, #86B5E8, #589E71, #374F69)
- Frosted Atelier color palette (#EEFBDE, #54FABF, #FF90AD, #009B70, #681633)
- Coral Grove color palette (#E5F3E2, #41D8CD, #F68F88, #00A79E, #5A1F1D)
- Pine Workshop color palette (#E8F5F4, #8DC2A0, #B18AC8, #338358, #302E45)
Browse the whole catalog at Explore, or see today's palette.