Tempered Quarry color palette — #FDF3ED · #ACCFBA · #367FAE · #006156 · #4C2F4A
Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#FDF3ED): a clean, paper-quiet neutral.
- Pistachio (#ACCFBA): A whisper-light, dusty teal — the color of glacier melt.
- Cerulean (#367FAE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#006156): A full-bodied, dusty teal — the color of sea glass.
- Charcoal (#4C2F4A): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, 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
- Forest Boulevard color palette (#FDF3ED, #B3CDB1, #00879B, #006437, #133F56)
- Cobalt Workshop color palette (#FFF3E9, #A2D6F6, #4D80C8, #00666A, #363873)
- Hushed Petrol Drift color palette (#F4EDE6, #90BCB0, #4E64A4, #004E59, #2E2651)
- Tempered Cerulean color palette (#E8F5F3, #AFCCDC, #1288AD, #005A62, #002435)
- Aged Teal Drift color palette (#D9EEE7, #00B4B3, #007993, #005373, #20395F)
- Wandering Delta color palette (#FBF3EF, #C9EAE6, #7AA494, #407B6E, #604A60)
- Linen Grove color palette (#DCF6E6, #179DBC, #B75C16, #006175, #562600)
- Softworn Navy color palette (#EEE1D8, #438AA5, #003F6A, #002220, #02012C)
Browse the whole catalog at Explore, or see today's palette.