Petrol Summit color palette — #D6E8EB · #72B0B3 · #358195 · #3D4660 · #222240
Built around Cerulean, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Frost (#D6E8EB): a clean, paper-quiet neutral.
- Blue Fog (#72B0B3): A luminous, dusty teal — the color of shallow lagoons.
- Cerulean (#358195): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Charcoal (#3D4660): A deep, shadowed, dusty violet — the color of a velvet chair.
- Midnight (#222240): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Sophistication. Tagged vintage, retro, muted, cool.
Use it as a design system
One click turns Petrol Summit 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
- Cobalt Atelier color palette (#CEECFF, #83A5C3, #5A78AA, #603F65, #32293C)
- Teal Veranda color palette (#CEF9F4, #00ADAD, #00797E, #004B53, #00262F)
- Washed Cerulean Bloom color palette (#E9F5F2, #95D4DB, #008B9F, #005C58, #00252F)
- Navy Canyon color palette (#CCE9EC, #498798, #005379, #3D255A, #210127)
- Dusty Ridge color palette (#D3EEFA, #00A3B7, #985AC7, #00606D, #260F37)
- Worn Ash Drift color palette (#E7F4FF, #B2C8E1, #8997B4, #6A6276, #44384A)
- Washed Pine color palette (#E8F5F2, #7FAD84, #007849, #344F28, #002220)
- Chestnut Meadow color palette (#D9E9D4, #5DB5AA, #5583A0, #854729, #5B3D00)
Browse the whole catalog at Explore, or see today's palette.