Petrol Alley color palette — #EFF7F4 · #E2D7D8 · #C2ADB2 · #296A93 · #2C3F39
Built around Peacock, softened by Forest — the whole palette hums with trust and stability.
The five colors
- Ivory (#EFF7F4): a clean, paper-quiet neutral.
- Silver (#E2D7D8): a clean, paper-quiet neutral.
- Rosewood Mist (#C2ADB2): A luminous, dusty red — the color of a theater curtain.
- Peacock (#296A93): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#2C3F39): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Petrol Thicket color palette (#EDF2F7, #D6D5DD, #B1B6C9, #1D69A4, #192129)
- Nightshade Atelier color palette (#FBF2F7, #E8CACF, #BF9D99, #524CA3, #3F2C38)
- Ancient Driftwood color palette (#FBF2F6, #E1D8D5, #AAAEA6, #9D7487, #594F54)
- Timeworn Turquoise Lantern color palette (#F0F6FB, #DAD8E5, #D0BCD6, #64A8D2, #343C42)
- Patina Navy color palette (#E6DCE7, #C3B4BB, #A0878A, #004580, #271A28)
- Wandering Fern color palette (#C8EFD2, #B792AE, #8B696D, #575908, #2F452D)
- Patina Fern Parlor color palette (#FFF3E9, #AB9A63, #566B35, #623F4C, #38352F)
- Twilit Ultramarine Basin color palette (#F1E0EC, #495AAF, #3B1A23, #1C0E19, #000B0C)
Browse the whole catalog at Explore, or see today's palette.