Tempered Quarry color palette — #DFFCFC · #46B89E · #006F66 · #0F405E · #000A07

Turquoise and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#DFFCFC): A whisper-light, dusty teal — the color of sea glass.
• Turquoise (#46B89E): A luminous, balanced teal — the color of glacier melt.
• Teal (#006F66): A full-bodied, balanced teal — the color of sea glass.
• Navy (#0F405E): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000A07): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.

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

• Dusty Fern Garden color palette (#DEFEF1, #90AE63, #3D6E26, #004645, #050900)
• Ancient Pine color palette (#DEFDF4, #8AAE77, #167326, #5D2C11, #000A08)
• Lagoon Chapel color palette (#EEEDD4, #418961, #004F47, #42143E, #060900)
• Timeworn Chapel color palette (#E9F1E0, #008E78, #00504A, #00314F, #0E2001)
• Worn Lagoon Atelier color palette (#E5FAF9, #84CDAD, #008A72, #644C29, #001E13)
• Tempered Cobalt Lantern color palette (#E6FAF9, #A2D1FB, #3F7CC3, #004D69, #00072D)
• Gentle Pier color palette (#D1E5DE, #78B88D, #009381, #874886, #00220E)
• Washed Abyss color palette (#D1E4DF, #5A8853, #004920, #2F1200, #000200)

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