Petrol Alley color palette — #EEF7F9 · #77BDB9 · #137A9C · #006E6B · #0E2735
Cerulean and Teal set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EEF7F9): a clean, paper-quiet neutral.
- Mint Leaf (#77BDB9): A luminous, dusty teal — the color of sea glass.
- Cerulean (#137A9C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Teal (#006E6B): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#0E2735): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged duotone, 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
- Tempered Petrol color palette (#EFF6FB, #9DC7DF, #647DAC, #007997, #262E3A)
- Weathered Garden color palette (#EDF8F6, #97BA91, #008269, #1B7309, #10282B)
- Hushed Harbor color palette (#EBF4F4, #67C9A8, #2D76C7, #00765B, #040F1C)
- Tempered Courtyard color palette (#E3FBFB, #62A0C0, #416C9E, #6F3073, #284053)
- Aged Petrol color palette (#EFF7F9, #D6DBE3, #B9BFCC, #00848D, #404A4D)
- Washed Cypress color palette (#D1E8F0, #00777E, #2A335D, #002D30, #000205)
- Chalky Navy Meadow color palette (#D0F6FF, #7CBED8, #1782B1, #00548B, #003986)
- Wandering Cerulean Garden color palette (#E1F6FF, #00A0B5, #00598C, #00505B, #001323)
Browse the whole catalog at Explore, or see today's palette.