Petrol Alley color palette — #FCE6DB · #54B1B7 · #0081A0 · #006044 · #000A16
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Rose Water (#FCE6DB): A whisper-light, dusty orange — the color of autumn markets.
- Cyan (#54B1B7): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#0081A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#006044): A full-bodied, balanced teal — the color of shallow lagoons.
- Ink (#000A16): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Airy Aqua color palette (#F7E7E0, #22C6D7, #0090BB, #006F57, #00142B)
- Misty Cobalt Market color palette (#F9EADF, #53ACD2, #0176CC, #005D5B, #04002D)
- Wandering Teal color palette (#DFF2EF, #1FA5AE, #006471, #003C38, #000B10)
- Timeworn Summit color palette (#E7F3E9, #52808F, #004350, #002019, #000103)
- Washed Iris color palette (#F5E9DD, #93C6F0, #628CF4, #007B88, #1E1740)
- Soft Periwinkle color palette (#FCEBE0, #8CE1FF, #4CACF4, #009288, #1E2C4F)
- Tempered Magenta Study color palette (#F2DCF2, #CA30D0, #00694A, #196403, #050005)
- Aged Garden color palette (#FCF3EF, #BCF8F7, #7BCBE1, #76A48A, #314F45)
Browse the whole catalog at Explore, or see today's palette.