Petrol Market color palette — #E8DAE5 · #61AEB9 · #007FA8 · #005F4A · #000919
Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.
The five colors
- Silver (#E8DAE5): A whisper-light, dusty pink — the color of neon signs at night.
- Cyan (#61AEB9): A luminous, dusty blue — the color of open sky before noon.
- Cerulean (#007FA8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#005F4A): A full-bodied, balanced teal — the color of shallow lagoons.
- Ink (#000919): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
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
- Washed Pier color palette (#F4E4EF, #62BFD4, #008DC5, #006F5E, #001232)
- Denim Grove color palette (#EBEDDF, #5D9EA9, #006376, #003B3C, #000B11)
- Dusty Archive color palette (#EADFDA, #38858F, #004258, #002017, #000104)
- Washed Peony color palette (#F6D7EB, #CE40AB, #007273, #006433, #050003)
- Softworn Periwinkle Atelier color palette (#F7EAF1, #A7DCF6, #71A8E5, #00918F, #222954)
- Soft Mulberry color palette (#E4E0F0, #B056AB, #008751, #8C0088, #000803)
- Tempered Indigo Delta color palette (#F0E7FF, #D69BA7, #CD844A, #7458AC, #23000F)
- Hushed Teal color palette (#FAF3F8, #CEE4FD, #8DC7DE, #62A98D, #2E4A65)
Browse the whole catalog at Explore, or see today's palette.