Petrol Alley color palette — #E8F1EA · #CEDBD4 · #9AC2B2 · #008092 · #243228
Built around Teal, softened by Ash — the whole palette hums with trust and stability.
The five colors
- Cream (#E8F1EA): a clean, paper-quiet neutral.
- Silver (#CEDBD4): a clean, paper-quiet neutral.
- Ash (#9AC2B2): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#008092): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Forest (#243228): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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 Petrol color palette (#E0EBE6, #B6C9C3, #B29DB2, #006991, #12231D)
- Tempered Ridge color palette (#E4F1F7, #CED3DD, #B4B7CB, #23A4B4, #1B313A)
- Timeworn Cobalt Parlor color palette (#F2ECF2, #DFD3DC, #CAAEBF, #4470B9, #362935)
- Pale Pine Terrace color palette (#E6E7D0, #80B484, #00884F, #206252, #282C04)
- Feathered Cobalt color palette (#D8E4BF, #00A0D0, #006BB9, #662971, #002C20)
- Misty Grape Study color palette (#CCE9DE, #0090CE, #6843C6, #731055, #002527)
- Muted Indigo Coast color palette (#D6E8FB, #95A7D2, #7671BC, #7F4862, #4B2C24)
- Washed Cobalt color palette (#CCF1E3, #007AB0, #07345D, #001C13, #000603)
Browse the whole catalog at Explore, or see today's palette.