Petrol Alley color palette — #DAE1DC · #B29EA5 · #A38182 · #007080 · #010C05
Teal and Heather set the tone — five colors that lean into trust and stability.
The five colors
- Silver (#DAE1DC): a clean, paper-quiet neutral.
- Taupe (#B29EA5): A luminous, dusty rose — the color of a warm blush.
- Heather (#A38182): A luminous, dusty red — the color of a theater curtain.
- Teal (#007080): A full-bodied, balanced blue — the color of open sky before noon.
- Ink (#010C05): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns 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
- Timeworn Denim color palette (#F2E9F1, #BB9997, #9C8277, #3B62A4, #100510)
- Aged Terrace color palette (#E7EBE1, #8FA7A1, #6C8F92, #047553, #070B02)
- Aged Abyss Lantern color palette (#D3E0E8, #98A7B4, #79879B, #004D60, #020B11)
- Aged Coast color palette (#DBE3E7, #828F9D, #606B83, #002F3A, #000103)
- Timeworn Dune color palette (#E4DDE4, #D6B9B8, #C49E90, #4881CC, #271A27)
- Ancient Nightshade color palette (#EFDEC9, #008A96, #4E43B8, #513300, #000408)
- Tempered Summit color palette (#D1E7D1, #008383, #9B005F, #3F3600, #020200)
- Cobalt Boulevard color palette (#CFF3EB, #3D83CD, #7F5991, #49490E, #121200)
Browse the whole catalog at Explore, or see today's palette.