Tempered Petrol Alley color palette — #F0E5EF · #82BFC5 · #0F749C · #004E2C · #00123A
Slate and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Blush (#F0E5EF): bright and airy, almost weightless.
- Ash (#82BFC5): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#0F749C): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004E2C): A deep, shadowed, balanced teal — the color of sea glass.
- Midnight (#00123A): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, 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
- Antique Petrol color palette (#F2E5E9, #8FB9D9, #5567A6, #004B4B, #1D0538)
- Tempered Cobalt Canyon color palette (#F8EFF5, #A7CEE0, #3483B6, #005E42, #151E3D)
- Patina Denim Harbor color palette (#ECE1E7, #78A3BB, #11599C, #003A30, #08002E)
- Tempered Cypress color palette (#F6EFF5, #D3D2EB, #80A0BB, #41785E, #28364D)
- Antique Navy color palette (#EDE0E8, #2A859C, #003E6A, #002017, #01000B)
- Muted Nightshade color palette (#F5E5EA, #5490C0, #2F35A8, #002B2C, #070015)
- Ancient Canyon color palette (#D6F3DE, #4BB079, #006743, #002E1C, #000603)
- Frosted Fern color palette (#BCF5EA, #76D8D2, #7BA6DB, #625600, #002426)
Browse the whole catalog at Explore, or see today's palette.