Tempered Quarry color palette — #FAF2FC · #AAF6F1 · #00A2C3 · #116F12 · #00203A

Olive takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FAF2FC): a clean, paper-quiet neutral.
• Sea Foam (#AAF6F1): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#00A2C3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Olive (#116F12): A full-bodied, balanced green — the color of a quiet forest floor.
• Midnight (#00203A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, 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

• Washed Harbor color palette (#FEF1F9, #B9F0FF, #0698EF, #006C53, #151B3C)
• Aged Pine Basin color palette (#FAF2FA, #D3D4E3, #40B4E4, #15834B, #192F4B)
• Antique Cobalt Drift color palette (#FDF1F9, #8ADAEA, #0082BF, #005439, #03072B)
• Forest Delta color palette (#F9ECE5, #7BC0BA, #007585, #005329, #003247)
• Denim Ridge color palette (#F2E7EF, #61B0BA, #005C80, #002D19, #000009)
• Hazy Lagoon color palette (#F8EAF0, #79C1E7, #0A58E2, #003E39, #030011)
• Muted Terrace color palette (#D8FFF4, #B9E2E7, #80D7FF, #9D7222, #002F2C)
• Linen Market color palette (#DBFEF3, #A3C945, #BC50C3, #556E00, #2B022E)

Browse the whole catalog at Explore, or see today's palette.