Petrol Field color palette — #ECF3F7 · #D7D7E1 · #C1B9C7 · #2B8099 · #202E36
A conversation between Cerulean and Onyx, giving this palette its sense of trust and stability.
The five colors
- Ivory (#ECF3F7): a clean, paper-quiet neutral.
- Silver (#D7D7E1): a clean, paper-quiet neutral.
- Ash (#C1B9C7): A luminous, dusty violet — the color of twilight just after sunset.
- Cerulean (#2B8099): A full-bodied, balanced blue — the color of deep harbor water.
- Onyx (#202E36): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Petrol Field 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 Orchard color palette (#F0F6FA, #D8DAE2, #BFBDD2, #2A7F9E, #40494F)
- Antique Balcony color palette (#E8F6EE, #8FBEB8, #378474, #285A79, #082E2A)
- Dusty Parlor color palette (#D6F1F5, #9FB8C0, #758DAF, #40655A, #003E44)
- Deep Balcony color palette (#D3E0F0, #4877AE, #2D2F43, #081727, #01070C)
- Weathered Denim Studio color palette (#EBF3FA, #CCD3E7, #ABA7C4, #006096, #0A1B2A)
- Patina Abyss Summit color palette (#DEE4E9, #96A0B2, #787897, #003C53, #00050B)
- Washed Lapis color palette (#EDF2FC, #DCD2DE, #C7B9D0, #5457D3, #1D2537)
- Washed Petrol color palette (#E2F8EC, #5FACA7, #54699D, #4F4800, #042635)
Browse the whole catalog at Explore, or see today's palette.