Tempered Quarry color palette — #DDE1D4 · #72A6C3 · #005D8E · #003C4A · #00203E

Peacock and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Bone (#DDE1D4): a clean, paper-quiet neutral.
• Blue Fog (#72A6C3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Peacock (#005D8E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#003C4A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#00203E): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Hushed Denim Bloom color palette (#ECE1D8, #64A5C8, #0056AA, #00393A, #06022C)
• Denim Basin color palette (#E1E1D7, #88A88D, #006370, #003E3B, #00242D)
• Timeworn Sapphire Orchard color palette (#F9EBF1, #7CBADC, #0072DC, #00595A, #171846)
• Chalky Azure color palette (#D3E8E6, #8AC9ED, #0F9AE8, #007994, #00203F)
• Hushed Abyss color palette (#EEF2E4, #56889F, #004160, #002128, #000A17)
• Petrol Harbor color palette (#F5F7E9, #6DC8D4, #007B90, #005654, #003949)
• Frosted Lantern color palette (#F3F7E9, #A5D5F8, #2683D0, #00627F, #113E79)
• Petrol Dune color palette (#F3F6EE, #C5E4DB, #668DBC, #0B6B8F, #583D56)

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