Petrol Market color palette — #DFE2D6 · #5BC0E0 · #0080A8 · #005861 · #002235
Cerulean and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Bone (#DFE2D6): bright and airy, almost weightless.
- Cyan (#5BC0E0): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0080A8): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#005861): A full-bodied, dusty blue — the color of open sky before noon.
- Midnight (#002235): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. 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
- Softworn Drift color palette (#E2E8D8, #84B6E8, #2371D7, #005476, #0D1C43)
- Tempered Azure Chapel color palette (#E3F0E5, #8ACBE0, #069EDA, #007D7D, #00203E)
- Antique Cerulean Ridge color palette (#EFF1E3, #42A1B6, #00627B, #003B3E, #000B13)
- Hushed Azure Atelier color palette (#F4F7E8, #A9E5FF, #1AA8E5, #008093, #184362)
- Cobalt Boulevard color palette (#FEF3EC, #ACD8BF, #007ED2, #005342, #080034)
- Seafoam Studio color palette (#F6F7E5, #26E6E4, #009FA8, #007465, #003A42)
- Wandering Turquoise color palette (#F5F6EE, #C2EEE5, #7CBDCB, #728F6F, #385143)
- Mulberry Balcony color palette (#F5E9E0, #AD5D00, #597500, #8E2F60, #1F0C00)
Browse the whole catalog at Explore, or see today's palette.