Petrol Field color palette — #E1ECE3 · #8BBAD7 · #326EA8 · #004A54 · #03103D
Slate takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.
The five colors
- Honeydew (#E1ECE3): a clean, paper-quiet neutral.
- Sky (#8BBAD7): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#326EA8): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004A54): A deep, shadowed, dusty blue — the color of deep harbor water.
- Deep Indigo (#03103D): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.
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
- Hushed Cabin color palette (#DFEEE2, #7DC2BF, #007986, #004D39, #001922)
- Antique Cobalt Lantern color palette (#ECF5ED, #ABCBEA, #5D7CB1, #00586D, #181C40)
- Sapphire Courtyard color palette (#F4EDE7, #88B9D4, #3663BE, #00504A, #2F2355)
- Patina Ash color palette (#EDF4EE, #D7DBEF, #819EC5, #3B7483, #2C3649)
- Wandering Lagoon color palette (#D8E2DA, #3D8683, #00444B, #002015, #000202)
- Airy Mulberry color palette (#E0EBD3, #587800, #00629F, #8C0A3F, #070D00)
- Tempered Grape Hollow color palette (#D3F9EB, #859921, #663EB4, #414D00, #160335)
- Aged Market color palette (#D1FDEF, #A9DFAC, #3CAE9E, #605700, #001D19)
Browse the whole catalog at Explore, or see today's palette.