Petrol Market color palette — #DDF0F7 · #2B8EBA · #1A6AAF · #00353A · #000204
Built around Peacock, softened by Cerulean — the whole palette hums with trust and stability.
The five colors
- Frost (#DDF0F7): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#2B8EBA): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#1A6AAF): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Forest (#00353A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#000204): a grounded near-black with real depth.
Feels like: Trust, Stability, Calm, Sophistication. Tagged pastel, light, 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
- Tempered Indigo color palette (#CFE6FE, #6486CA, #605FAD, #00334D, #090009)
- Weathered Garden color palette (#D0F0E5, #009E90, #00747D, #003E23, #000403)
- Patina Denim color palette (#C3F2E1, #A0CDFF, #8497D3, #006282, #001E18)
- Iris Basin color palette (#CDE8D1, #7FC6FD, #7D7CE6, #00513B, #000201)
- Hushed Canyon color palette (#FEEAFF, #D0DDFF, #AFADF2, #477598, #2C1A2B)
- Iris Coast color palette (#FBE3F8, #9FACF5, #8C74CB, #174B81, #1B0317)
- Patina Violet color palette (#D3F6F6, #70ADD6, #966DC2, #005B35, #00141A)
- Patina Fuchsia Canyon color palette (#F3EFFF, #E4C3FF, #DC88DD, #5955A3, #2A163C)
Browse the whole catalog at Explore, or see today's palette.