Petrol Alley color palette — #E0F3F0 · #6FBFCE · #00748C · #004F51 · #003344
Teal and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E0F3F0): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#6FBFCE): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#00748C): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004F51): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Teal (#003344): 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
- Worn Periwinkle color palette (#EAF6FF, #87C4F4, #76A1EC, #006B80, #1B3445)
- Antique Meadow color palette (#F4EDE3, #8FD1DD, #0094BB, #006D64, #00314C)
- Worn Loft color palette (#BDEAFF, #00A1D1, #005E7C, #003041, #001620)
- Washed Bloom color palette (#EDF8F6, #D2DDEF, #6FA2B5, #457787, #415564)
- Misty Workshop color palette (#D3E2E8, #007697, #6442B8, #005C3A, #002330)
- Ancient Byzantium Station color palette (#BAE6FA, #008EA5, #8C45AE, #005260, #3A144C)
- Chalky Lagoon color palette (#F4EBF2, #B2DAEC, #49AFEB, #009567, #1B2A59)
- Hushed Summit color palette (#E1F2E0, #AA8027, #754C00, #522D00, #112A1A)
Browse the whole catalog at Explore, or see today's palette.