Tempered Quarry color palette — #FCF3EF · #A6F0EC · #3FC4DE · #549E71 · #1A4336

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

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Sea Foam (#A6F0EC): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#3FC4DE): A luminous, balanced blue — the color of open sky before noon.
• Fern (#549E71): A luminous, balanced teal — the color of shallow lagoons.
• Forest (#1A4336): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. 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

• Misty Archive color palette (#FFF2EC, #A8F3FF, #45C5FC, #00A989, #214165)
• Teal Harbor color palette (#E8FAF5, #A2E2DF, #00AAB1, #007E6C, #0F4151)
• Muted Station color palette (#FFF3E8, #C2E5FF, #92B2EC, #259DA7, #4D2F42)
• Timeworn Lantern color palette (#F5E7DF, #37B4B8, #00819D, #006040, #000A15)
• Cerulean Drift color palette (#ECF4EE, #ABCED7, #178B98, #005E45, #002530)
• Oat Study color palette (#FAF4ED, #C6E0F1, #DDBAD7, #89AC93, #634A57)
• Azure Ridge color palette (#F3E6E0, #68D3DC, #00A1CA, #00805E, #00213B)
• Chalky Moss color palette (#FFD9E2, #E8A7FF, #33B0A6, #6FA039, #3D2229)

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