Petrol Studio color palette — #ECF8F8 · #DBDCE7 · #7DA7E8 · #0D77A7 · #1D2C54
A conversation between Cerulean and Cornflower, giving this palette its sense of trust and stability.
The five colors
- Ivory (#ECF8F8): a clean, paper-quiet neutral.
- Silver (#DBDCE7): bright and airy, almost weightless.
- Cornflower (#7DA7E8): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#0D77A7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#1D2C54): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Studio 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
- Hushed Balcony color palette (#EAF9F6, #D5DEEA, #49B6CF, #007F7E, #003443)
- Worn Boulevard color palette (#E0F3F1, #77C3DE, #007197, #003D44, #000307)
- Wandering Cabin color palette (#FCF2F5, #CEE3F8, #97AEF9, #009DB4, #3C3458)
- Hushed Cobalt color palette (#F3F6EF, #A6C9EC, #4D79B8, #005A80, #4C2F48)
- Timeworn Lantern color palette (#E7FAF6, #89DCE0, #008A99, #00524C, #000F14)
- Quiet Clover color palette (#D7FFF8, #76BB66, #00A9B8, #AA7000, #00211D)
- Weathered Driftwood Corridor color palette (#D5FFFB, #B6DCEB, #ACA4AB, #7C996C, #193F3E)
- Chestnut Canyon color palette (#FFF1F6, #E3C19A, #AB805A, #7B4A2B, #122715)
Browse the whole catalog at Explore, or see today's palette.