Petrol Alley color palette — #E9F4F6 · #4EAFA3 · #2D7AA2 · #494671 · #042E2A
Built around Slate, softened by Turquoise — the whole palette hums with trust and stability.
The five colors
- Ivory (#E9F4F6): a clean, paper-quiet neutral.
- Turquoise (#4EAFA3): A luminous, balanced teal — the color of shallow lagoons.
- Slate (#2D7AA2): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#494671): A full-bodied, dusty violet — the color of a velvet chair.
- Deep Forest (#042E2A): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged muted, 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
- Muted Cypress color palette (#E8F5F3, #77AB7A, #008380, #165173, #1E2541)
- Softworn Indigo color palette (#EAF3FB, #62A4CF, #7165AE, #6C375A, #002D37)
- Muted Courtyard color palette (#C7F2FC, #71C9C9, #00909B, #006371, #1E3A47)
- Ash Drift color palette (#E2F6FD, #B1CBD7, #7495AE, #626580, #3F3D4C)
- Weathered Lagoon color palette (#E0F1F3, #009881, #1C414A, #132123, #070E0E)
- Dusty Ultramarine color palette (#E1F6FF, #0093A5, #0051C4, #530478, #001E11)
- Jade Lagoon color palette (#F4F7EC, #58AD70, #676C9A, #76414F, #5B382E)
- Tempered Nightshade color palette (#E2EFFB, #0085C0, #56409F, #5D0048, #001818)
Browse the whole catalog at Explore, or see today's palette.