Petrol Field color palette — #ECF0E5 · #8BB5E2 · #3567B1 · #004A6C · #1D2C51
Royal Blue takes the lead with Navy close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#ECF0E5): a clean, paper-quiet neutral.
- Sky (#8BB5E2): A luminous, dusty blue — the color of deep harbor water.
- Royal Blue (#3567B1): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#004A6C): A deep, shadowed, balanced blue — the color of open sky before noon.
- Navy (#1D2C51): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, 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
- Washed Petrol Parlor color palette (#EEF0E1, #63C2CF, #007589, #00504F, #003343)
- Faded Cobalt color palette (#E6F2E8, #A3C8EE, #6485C9, #006883, #262659)
- Muted Cerulean color palette (#F4F7E5, #87DDF4, #008CB2, #00656C, #10455E)
- Tempered Cerulean color palette (#E9EDDD, #3B9AC8, #004E78, #002E3A, #00142A)
- Iris Courtyard color palette (#F5EDE4, #B3D7FB, #8F9CF6, #009096, #38214F)
- Moss Terrace color palette (#E0E1C2, #529200, #00749D, #2D5500, #002D40)
- Hazy Pine Station color palette (#CCEAD0, #008135, #006A7C, #634800, #1D2200)
- Washed Station color palette (#F0F9CE, #97DFB6, #4DA896, #466636, #2F312A)
Browse the whole catalog at Explore, or see today's palette.