Petrol Market color palette — #EEF7F7 · #DADCE7 · #7EAADB · #10799F · #1B2E4D
A conversation between Cerulean and Cornflower, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EEF7F7): a clean, paper-quiet neutral.
- Silver (#DADCE7): a clean, paper-quiet neutral.
- Cornflower (#7EAADB): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#10799F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#1B2E4D): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Aged Loft color palette (#DBF4F1, #80C3D3, #00728F, #003D41, #000306)
- Powder Summit color palette (#FAF3F5, #C6E4FF, #8DB0FA, #009EAD, #38345E)
- Softworn Denim Drift color palette (#E1F1F1, #83A6CA, #0E4FA9, #00283C, #00000C)
- Patina Cerulean color palette (#ECF8F6, #CAE0FF, #00A2C3, #00696C, #00222F)
- Softworn Cobalt color palette (#F4F6F0, #A3D0C2, #427BB7, #005B79, #493049)
- Wisteria Boulevard color palette (#F5F4FF, #CE84E2, #DD716B, #4D81BB, #27102E)
- Washed Lilac Market color palette (#F5F4FF, #EDD8DD, #C9B2A6, #9C7FB8, #38324A)
- Lagoon Delta color palette (#E8FAF5, #98DAD8, #008B93, #005247, #001013)
Browse the whole catalog at Explore, or see today's palette.