Petrol Summit color palette — #DDF0FF · #94BFE3 · #598EC1 · #3D67A0 · #3C4E69
A conversation between Slate and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Frost (#DDF0FF): A whisper-light, dusty blue — the color of open sky before noon.
- Sky (#94BFE3): A luminous, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#598EC1): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#3D67A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#3C4E69): A full-bodied, 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 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
- Softworn Workshop color palette (#F0F5FF, #B6C6F0, #6D83BD, #384B85, #293659)
- Periwinkle Field color palette (#DBF8E3, #90D2F2, #66A2E6, #5F72AA, #634956)
- Patina Lagoon Grove color palette (#E3FAFF, #7DBDBB, #26919A, #007481, #2E5668)
- Tempered Archive color palette (#F1F5FF, #B7AEE1, #8B74B7, #78569B, #4E4A6C)
- Timeworn Cobalt Orchard color palette (#EFF6FF, #98B0DE, #C78198, #456FC4, #683E4D)
- Patina Lagoon color palette (#EFF6FF, #769ACC, #A576AB, #008883, #334458)
- Muted Aubergine Market color palette (#D9DDFE, #918ADA, #7353BA, #5F2896, #4A2F5F)
- Airy Nightshade Market color palette (#CDE1FF, #6695FB, #4D5AEE, #4714D0, #3D2C79)
Browse the whole catalog at Explore, or see today's palette.