Tempered Quarry color palette — #E1FCF6 · #72DFDD · #009FA8 · #007465 · #003A42
Cerulean takes the lead with Lagoon close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#E1FCF6): A whisper-light, dusty teal — the color of shallow lagoons.
- Lagoon (#72DFDD): A whisper-light, balanced teal — the color of sea glass.
- Cerulean (#009FA8): A luminous, balanced blue — the color of deep harbor water.
- Teal (#007465): A full-bodied, balanced teal — the color of sea glass.
- Deep Teal (#003A42): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Wandering Azure Station color palette (#E8F9F8, #89D7F8, #0097D3, #007081, #003657)
- Worn Coast color palette (#D6EAE7, #47A0B5, #00627C, #003B3F, #000B13)
- Worn Forest Delta color palette (#FFF0FA, #65CBC9, #007B91, #005935, #003752)
- Aged Lagoon Workshop color palette (#EEF7F6, #CCDEF9, #75AFC0, #0B8C8E, #2B4C60)
- Tempered Boulevard color palette (#FFF2EB, #6CF2F1, #00BEE0, #009D63, #003753)
- Frosted Emerald Market color palette (#DDE9DC, #13A928, #0090A2, #926500, #012D05)
- Quiet Emerald color palette (#DFFFE3, #72F3BC, #3ED0BC, #4D9622, #003F25)
- Clover Grove color palette (#A5FFBD, #12D26C, #00914F, #005423, #001F0B)
Browse the whole catalog at Explore, or see today's palette.