Petrol Alley color palette — #F0F3EB · #C8E3DA · #6991BB · #006888 · #392339
Built around Peacock, softened by Slate Blue — the whole palette hums with trust and stability.
The five colors
- Cream (#F0F3EB): a clean, paper-quiet neutral.
- Silver (#C8E3DA): A whisper-light, dusty teal — the color of shallow lagoons.
- Slate Blue (#6991BB): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#006888): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Onyx (#392339): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, 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
- Antique Lantern color palette (#F2F3EB, #C7E5D0, #429AB3, #006C6E, #063524)
- Antique Cobalt color palette (#FAF3F5, #C5E0F9, #6C89C6, #006F7A, #40475E)
- Tempered Denim color palette (#EEEFE5, #67A8B4, #006277, #00393A, #000D14)
- Petrol Archive color palette (#FFECF2, #9B7EBD, #B56370, #0073A7, #31121F)
- Chalky Cobalt Station color palette (#F0F4E5, #A4D7F9, #0088DA, #005E77, #00244D)
- Abyss Alley color palette (#EBEEE0, #468199, #00415C, #001E24, #000104)
- Tempered Cerulean Orchard color palette (#FAF4EE, #C6DDEC, #9CBAF8, #0A93A0, #553347)
- Muted Petrol Courtyard color palette (#F2F3E6, #6ECCD7, #008093, #00524F, #001E27)
Browse the whole catalog at Explore, or see today's palette.