Pale Petrol Alley color palette — #DEF2FF · #007C9F · #71508D · #17521D · #0B2A3A
A conversation between Cerulean and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Frost (#DEF2FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#007C9F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Slate (#71508D): A full-bodied, balanced violet — the color of twilight just after sunset.
- Deep Olive (#17521D): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Midnight (#0B2A3A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged cool.
Use it as a design system
One click turns Pale 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 Cobalt color palette (#EAF2FF, #5573BF, #6E3D79, #004538, #003041)
- Abyss Atelier color palette (#E9F8FF, #006E7E, #5F4B00, #204500, #00272C)
- Denim Workshop color palette (#D8F4FF, #007F8C, #6052A1, #5C2F67, #062B37)
- Petrol Lantern color palette (#F1F6FC, #D9D8E2, #ADB3C1, #426595, #323B47)
- Washed Quarry color palette (#EFF6FF, #5F7FC6, #9B577D, #793F42, #25334A)
- Indigo Alley color palette (#E1E9FC, #6967C4, #8E477B, #603A00, #070E26)
- Aubergine Lantern color palette (#D3EBFF, #005782, #651B70, #003218, #000F1B)
- Iris Boulevard color palette (#F1F5FF, #8988C8, #A16E7B, #196C70, #383D4B)
Browse the whole catalog at Explore, or see today's palette.