Tempered Quarry color palette — #F3ECF2 · #8CB9CB · #0070A0 · #005335 · #16295D

A conversation between Peacock and Navy, giving this palette its sense of trust and stability.

The five colors

• Blush (#F3ECF2): bright and airy, almost weightless.
• Ash (#8CB9CB): A luminous, dusty blue — the color of a favorite pair of jeans.
• Peacock (#0070A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#005335): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Navy (#16295D): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. 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

• Timeworn Cobalt color palette (#FCF2F8, #A8CBDE, #437CB1, #00624E, #31375E)
• Washed Petrol color palette (#F6EBEE, #91B5DA, #5A60A8, #004F54, #3B1C54)
• Petrol Pier color palette (#EDE8E0, #79C1CB, #007793, #004C43, #001827)
• Denim Dune color palette (#EADEE4, #70A7C1, #0A54AB, #003F37, #1E1349)
• Spruce Villa color palette (#EBE3EC, #579D9B, #005266, #003308, #00142A)
• Timeworn Harbor color palette (#F9F3F7, #D5E0F2, #7D9DBA, #268063, #43536F)
• Tempered Study color palette (#F2E4EC, #5C869F, #003C73, #00231C, #08002A)
• Hushed Delta color palette (#FAEBE4, #8AE4EF, #10B2F2, #339363, #192C53)

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