Tempered Petrol Alley color palette — #F7EAF1 · #63C5E8 · #006CAD · #003E3A · #000015

Peacock takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#F7EAF1): a clean, paper-quiet neutral.
• Sky (#63C5E8): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006CAD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#003E3A): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000015): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Tempered Petrol Alley 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

• Muted Ultramarine Market color palette (#FCE8EF, #7CBEF1, #2257E1, #003D43, #030011)
• Wandering Villa color palette (#E8D9E4, #5EB2B5, #005E74, #002D1C, #000103)
• Cobalt Market color palette (#E8ECDA, #5BBEE4, #008EC4, #006B7A, #001526)
• Ancient Orchard color palette (#EFE4D3, #479BBA, #004F76, #002F32, #00132F)
• Gentle Plum Hollow color palette (#C7EAEC, #009475, #B40084, #004737, #040002)
• Periwinkle Cabin color palette (#FDF2F7, #D6D4E1, #6EAAEE, #007F7F, #212E48)
• Aged Periwinkle Ridge color palette (#C0F6FB, #6BDAE4, #439CFC, #3E6600, #000D0C)
• Patina Emerald Archive color palette (#E2F0D1, #009E32, #00613C, #002621, #000506)

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