Tempered Quarry color palette — #EAF4F2 · #C7E1F8 · #6AA8AB · #487379 · #213A44

Blue Fog and Teal set the tone — five colors that lean into calm and sophistication.

The five colors

• Cream (#EAF4F2): a clean, paper-quiet neutral.
• Powder Blue (#C7E1F8): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#6AA8AB): A luminous, dusty teal — the color of sea glass.
• Teal (#487379): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Teal (#213A44): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Antique Chapel color palette (#DBEEEC, #6FC0DE, #00749F, #004A54, #001829)
• Hushed Drift color palette (#F9F4EE, #C9E8DE, #66A5AD, #5F7939, #395144)
• Patina Sky Cabin color palette (#E5F4FF, #6FBDF2, #538DC0, #3F5D81, #25364C)
• Patina Driftwood color palette (#EBF2FF, #D9D4E1, #B0A29C, #778EA9, #313747)
• Periwinkle Canyon color palette (#EBF2FF, #7F98E4, #B177A4, #488389, #202735)
• Lagoon Dune color palette (#D7EEEA, #008991, #00444D, #001F1D, #000202)
• Washed Powder color palette (#F8F3F9, #D2D6ED, #80BCCF, #6E916D, #445466)
• Worn Cerulean color palette (#E5F6F3, #87DFF2, #0091B2, #006165, #002939)

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