Petrol Alley color palette — #CCF5E9 · #006FB3 · #7D4400 · #002D4D · #030100
Built around Royal Blue, softened by Bronze — the whole palette hums with trust and stability.
The five colors
- Honeydew (#CCF5E9): A whisper-light, dusty teal — the color of sea glass.
- Royal Blue (#006FB3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Bronze (#7D4400): A full-bodied, balanced gold — the color of old brass.
- Midnight (#002D4D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#030100): a grounded near-black with real depth.
Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged cool.
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
- Aged Terracotta Garden color palette (#E5F4E9, #00788B, #A10608, #00313A, #040000)
- Gentle Lantern color palette (#F3DAF0, #3663CC, #6A5000, #000F83, #020100)
- Denim Study color palette (#D6E7F7, #004F82, #573100, #002039, #020100)
- Inked Abyss color palette (#DAE9F7, #005685, #004D11, #00233A, #000901)
- Garnet Canyon color palette (#EADCEB, #00549E, #86002D, #1E3A00, #000104)
- Dusty Cornflower color palette (#F1DEF1, #3B8EFF, #AE5602, #003E8A, #0E0300)
- Worn Wisteria color palette (#D4E3F9, #A8B7FF, #BD6CE6, #00465E, #00000B)
- Cellar Olive color palette (#F6E9C8, #6C7A33, #433D00, #1A1100, #010100)
Browse the whole catalog at Explore, or see today's palette.