Tempered Quarry color palette — #FEF2EF · #C4DBC8 · #529FC5 · #00814B · #243A5F
A conversation between Teal and Cyan, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FEF2EF): a clean, paper-quiet neutral.
- Oat (#C4DBC8): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#529FC5): A luminous, balanced blue — the color of deep harbor water.
- Teal (#00814B): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#243A5F): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, 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
- Turquoise Lagoon color palette (#FDF1FB, #CDDBF4, #40B4E2, #467D57, #1C2F47)
- Iris Dune color palette (#FAF4EE, #B5DFD2, #7D91D8, #007C7C, #40315A)
- Softworn Cerulean Workshop color palette (#EFF8F1, #A0CDDD, #00869E, #006151, #094056)
- Weathered Lagoon Courtyard color palette (#FBF3F1, #CFE6E0, #86BAD1, #569767, #604A61)
- Timeworn Aqua Garden color palette (#FCF4E8, #C7EBCB, #6AC0D6, #4E9C8A, #184434)
- Aged Cobalt color palette (#F6EBE6, #81BCC9, #007CB8, #005C40, #0E194B)
- Pine Atelier color palette (#EEF1DD, #7BBB75, #CB7BC8, #198113, #4E214D)
- Weathered Denim Grove color palette (#FAEDE7, #5A9FA8, #005F86, #003E25, #00022B)
Browse the whole catalog at Explore, or see today's palette.