Petrol Alley color palette — #E6F2E8 · #6BC0D0 · #007393 · #00504A · #00314D
Built around Teal, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Cream (#E6F2E8): a clean, paper-quiet neutral.
- Cyan (#6BC0D0): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#007393): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#00504A): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Teal (#00314D): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Faded Sapphire color palette (#E7F2E9, #7FB8E5, #2865BD, #004D5D, #212954)
- Muted Loft color palette (#F2E4EE, #80BFCB, #00759E, #004D3E, #001631)
- Aged Grove color palette (#EDF9EF, #98CFE2, #3F80A6, #005F61, #243C56)
- Weathered Field color palette (#EEF0E3, #BCDDC5, #00B7DA, #009092, #003344)
- Muted Lagoon color palette (#D0EFEA, #00A2A4, #006875, #004252, #152544)
- Tempered Iris Veranda color palette (#E5F6FF, #A9D3FF, #8B98EB, #006668, #163750)
- Patina Brick Veranda color palette (#BDE5F9, #008EA5, #C1240F, #005261, #500A03)
- Antique Cerulean Studio color palette (#D4E5D7, #008DB7, #004065, #002225, #00081E)
Browse the whole catalog at Explore, or see today's palette.