Petrol Station color palette — #F1F7F3 · #D2DDDF · #CFBDBF · #2D8093 · #414A44
Built around Cerulean, softened by Stone — the whole palette hums with trust and stability.
The five colors
- Ivory (#F1F7F3): bright and airy, almost weightless.
- Silver (#D2DDDF): a clean, paper-quiet neutral.
- Stone (#CFBDBF): A luminous, dusty red — the color of a theater curtain.
- Cerulean (#2D8093): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#414A44): a grounded near-black with real depth.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Petrol Station 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
- Worn Drift color palette (#F3F6F0, #D2DEDB, #ADC6C5, #378569, #38510F)
- Petrol Boulevard color palette (#ECF3F7, #D4D7DF, #B8BCCF, #477D91, #262D32)
- Dusty Summit color palette (#F9F3F8, #E9D5D3, #D2B3B7, #4D62B9, #4D3849)
- Wandering Denim color palette (#ECF9F4, #DFCCDB, #BD9CAB, #00618D, #1B3A30)
- Dusty Pewter color palette (#E2FBDF, #A1C1B2, #927786, #74653C, #41563D)
- Cobalt Harbor color palette (#D8E9E4, #1676B8, #422939, #05251E, #05100F)
- Wandering Abyss Orchard color palette (#D6E3DC, #B2A4B3, #957387, #003E51, #00190F)
- Petrol Atelier color palette (#FEF4DE, #52A7AD, #4769A2, #614A00, #274436)
Browse the whole catalog at Explore, or see today's palette.