Tempered Quarry color palette — #FCF3EF · #CAE4D2 · #6390B0 · #356F57 · #593D54

Pine and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Celadon Mist (#CAE4D2): A whisper-light, dusty teal — the color of glacier melt.
• Slate Blue (#6390B0): A luminous, dusty blue — the color of open sky before noon.
• Pine (#356F57): A full-bodied, dusty teal — the color of shallow lagoons.
• Cocoa (#593D54): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: 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

• Feathered Cobalt Lantern color palette (#FFF2EC, #B2D9BC, #1989BE, #006A45, #2A3E6C)
• Aged Lagoon color palette (#F8F5EE, #C1E6E2, #60B0D2, #008D85, #284B66)
• Weathered Hollow color palette (#F1F9E1, #71B08B, #B170A1, #06794A, #57354F)
• Dusty Thicket color palette (#F1E3DF, #3F8F8F, #004356, #002508, #00091A)
• Driftwood Thicket color palette (#F3F8E2, #BAEFE4, #D1B3D4, #847B4D, #455541)
• Teal Canyon color palette (#FAF2F8, #D2E1FA, #89C5F4, #53AC8B, #3C485F)
• Lagoon Veranda color palette (#EAFDDA, #74C6AE, #0F8670, #004D3C, #003528)
• Patina Petrol color palette (#FAEBE3, #79BDD1, #2C6CA1, #00523F, #22275A)

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