Petrol Market color palette — #CDF1FF · #007CA3 · #00496B · #00233A · #001023
Built around Cerulean, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Frost (#CDF1FF): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#007CA3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#00496B): A deep, shadowed, balanced blue — the color of deep harbor water.
- Midnight (#00233A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#001023): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, 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
- Cypress Lantern color palette (#D9EFE8, #007B6D, #004F4B, #002929, #01121B)
- Softworn Archive color palette (#DFF3F4, #00667C, #003F5D, #001C45, #020019)
- Antique Cobalt Station color palette (#D7EBFA, #0074C0, #003D86, #001665, #070045)
- Pale Bloom color palette (#D9EBFD, #00649D, #860064, #002F4E, #220017)
- Timeworn Indigo color palette (#D6E6FE, #8697D9, #7C6BD2, #00456E, #06153B)
- Sapphire Quarry color palette (#E6F0FF, #1C70DC, #002D72, #000B2C, #000108)
- Washed Aubergine Quarry color palette (#E6F0FC, #004D8F, #65007B, #003934, #000716)
- Inked Nightshade color palette (#D2E5FF, #1F52C2, #1B0095, #0F0044, #060020)
Browse the whole catalog at Explore, or see today's palette.