Tempered Petrol Alley color palette — #F7EAF2 · #61C7DF · #006CAA · #00402E · #010014

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

The five colors

• Blush (#F7EAF2): bright and airy, almost weightless.
• Cyan (#61C7DF): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006CAA): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#00402E): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#010014): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Linen Lapis Meadow color palette (#FDE8EE, #7CBEF3, #4552DA, #003E3F, #04000E)
• Weathered Balcony color palette (#E8DCE9, #67B1AC, #005F73, #032E03, #000104)
• Cornflower Lagoon color palette (#FFF0F7, #A3D3F0, #4674D9, #00524D, #10012B)
• Weathered Denim color palette (#E9DDD6, #479CB2, #004F75, #00302A, #001036)
• Pale Cerulean Study color palette (#E9E0D3, #57C0DC, #008EC2, #006D6B, #001529)
• Aged Study color palette (#E0E7FB, #374FE7, #3D6500, #2E4D00, #00000B)
• Wandering Blush Alley color palette (#E8F1FF, #E5B9F2, #FF5E75, #006481, #0C001A)
• Worn Nightshade Villa color palette (#C8EAF9, #007EED, #3B00D7, #2C0053, #0A000E)

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