Tempered Quarry color palette — #D7E7F2 · #37B9EC · #657086 · #3D4C56 · #111A1C

A conversation between Cyan and Slate, giving this palette its sense of trust and stability.

The five colors

• Frost (#D7E7F2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#37B9EC): A luminous, balanced blue — the color of open sky before noon.
• Slate (#657086): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal (#3D4C56): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Ink (#111A1C): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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

• Wandering Lilac Lantern color palette (#DBE5FA, #97A1FC, #716C84, #42495B, #111920)
• Dusty Azure color palette (#ECF7FF, #37AADD, #38475B, #0D212D, #020609)
• Gentle Study color palette (#E7F1FD, #1D94FB, #614C87, #1B3653, #00090F)
• Wandering Delta color palette (#D1E5DB, #0080A7, #42263A, #081A13, #040704)
• Weathered Teal Market color palette (#EFF8F0, #B1E1D2, #86BA99, #7096A9, #294A40)
• Pale Periwinkle Studio color palette (#B4EFFF, #86D2FF, #7BA8F3, #7B7FC6, #523D65)
• Aged Cabin color palette (#F9F3F8, #CFE2F9, #85C7E9, #70A783, #374961)
• Antique Meadow color palette (#E4E8FF, #9968F8, #5B4B6D, #2A2D46, #01040E)

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