Tempered Quarry color palette — #F9F0EB · #C9E5CC · #3B9AB8 · #1B6E50 · #0F332A
Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F9F0EB): a clean, paper-quiet neutral.
- Celadon Mist (#C9E5CC): A whisper-light, dusty green — the color of a quiet forest floor.
- Cerulean (#3B9AB8): A luminous, balanced blue — the color of deep harbor water.
- Pine (#1B6E50): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Forest (#0F332A): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Calm, 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
- Antique Azure Lagoon color palette (#F7F0EC, #BEE7D4, #4F92D2, #006D6A, #392435)
- Hazy Cerulean color palette (#FCEFE8, #84E2E1, #0092AC, #00663D, #00283E)
- Aged Cerulean Station color palette (#F0E4DF, #3099AA, #00506E, #002D23, #000410)
- Weathered Courtyard color palette (#EFF7F5, #D4DFEC, #5CCDDE, #39928A, #264452)
- Muted Workshop color palette (#F5ECE3, #557D9D, #0316AD, #001F23, #010009)
- Muted Hollow color palette (#F1E6E1, #70C2CD, #007699, #004D3B, #00172E)
- Misty Studio color palette (#FFECF0, #AC75BA, #5B902F, #007D69, #2D161C)
- Aged Stone Harbor color palette (#FFECEF, #E6D4C5, #F0B197, #7978AE, #3F2C2C)
Browse the whole catalog at Explore, or see today's palette.