Petrol Alley color palette — #FFE9DC · #5AC6EA · #006CAB · #003E3A · #000016
A conversation between Peacock and Sky, giving this palette its sense of trust and stability.
The five colors
- Cream (#FFE9DC): A whisper-light, dusty gold — the color of honey in a jar.
- Sky (#5AC6EA): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006CAB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#003E3A): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000016): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, 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
- Tempered Aqua color palette (#FFE9DD, #52CDC7, #007486, #004121, #000306)
- Quiet Cobalt color palette (#FFF3E7, #9CD3FA, #4A78C9, #005056, #0B022F)
- Wandering Navy color palette (#F0E1EA, #5F92A7, #00488C, #002C25, #04001A)
- Wandering Workshop color palette (#EADBD2, #6CBCDA, #4085D1, #006F5D, #10073B)
- Ancient Periwinkle color palette (#FDF3EC, #D7D6E3, #6CABEA, #007F7C, #232C4E)
- Hushed Pier color palette (#EEEFE0, #838400, #5549DF, #3E3F00, #01000A)
- Linen Chartreuse color palette (#F8F8B8, #A8E28D, #00B4A3, #6B4400, #030600)
- Dusty Moss color palette (#E9E3D1, #729400, #574F00, #2F1D00, #000200)
Browse the whole catalog at Explore, or see today's palette.