Petrol Market color palette — #C6E8FB · #4697CD · #006DAE · #004080 · #061B45
Peacock and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#C6E8FB): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#4697CD): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006DAE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#004080): A deep, shadowed, balanced blue — the color of open sky before noon.
- Midnight (#061B45): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Petrol Market 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
- Dusty Cobalt Atelier color palette (#CCEAFA, #52BBFC, #008FE1, #1861AB, #20385C)
- Turquoise Summit color palette (#D1EFF0, #16AAB8, #007488, #004858, #00202C)
- Soft Hollow color palette (#D0E8FB, #1074C3, #003F82, #001678, #03002D)
- Aubergine Boulevard color palette (#DCE6F8, #7B92DE, #595ABF, #3B1D8D, #241548)
- Washed Navy color palette (#E2EDFF, #8CA7E2, #3F63B2, #04207E, #00033A)
- Patina Pine color palette (#DFEBF7, #5D96CD, #2F9153, #005797, #00240D)
- Weathered Canyon color palette (#D7E5F3, #2780C9, #8955A1, #006A5F, #00152A)
- Worn Petrol color palette (#EAF2FF, #CAD8F8, #BDACEF, #3D71AB, #182238)
Browse the whole catalog at Explore, or see today's palette.