Petrol Alley color palette — #E9F8FF · #FFBCBD · #006F82 · #002C3D · #000508
Teal and Rose Quartz set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#E9F8FF): a clean, paper-quiet neutral.
- Rose Quartz (#FFBCBD): A whisper-light, dusty red — the color of late-summer berries.
- Teal (#006F82): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#002C3D): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000508): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, muted.
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
- Hushed Basin color palette (#E8F9F9, #FFC098, #00764C, #002F2F, #000505)
- Worn Petrol Balcony color palette (#EDF7FF, #FFDAE4, #417DA3, #1C3B53, #05111A)
- Ultramarine Villa color palette (#EFF6FF, #FFA9A2, #0051B9, #001B48, #000105)
- Aged Taupe color palette (#DDECEF, #96A872, #005348, #00221D, #000708)
- Misty Sapphire color palette (#EFF6FF, #FFD267, #4165BD, #172A5D, #020716)
- Hushed Oat color palette (#E8F2E2, #C0D288, #499887, #0F6455, #10190B)
- Feathered Mustard Workshop color palette (#F0F6FF, #C3C147, #2D499E, #07143C, #000106)
- Softworn Blush color palette (#DDF2FF, #F96C8B, #004258, #282127, #00090F)
Browse the whole catalog at Explore, or see today's palette.