Petrol Field color palette — #E5DFD5 · #7FBEBF · #008396 · #005B48 · #002330
Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.
The five colors
- Bone (#E5DFD5): bright and airy, almost weightless.
- Mint Leaf (#7FBEBF): A luminous, dusty teal — the color of shallow lagoons.
- Cerulean (#008396): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#005B48): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#002330): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, 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
- Dusty Cobalt color palette (#E9E0D2, #77BCDB, #007BBF, #00585F, #001C4B)
- Weathered Cerulean Boulevard color palette (#EEF9EF, #7FDEE0, #00899D, #005341, #000F17)
- Periwinkle Hollow color palette (#D5F7FD, #89CCF4, #799CEA, #007C72, #002D3B)
- Muted Spruce color palette (#F5E6E1, #89A88B, #00607C, #00411A, #001E43)
- Dusty Lagoon color palette (#C8E8DA, #00A58F, #007571, #00454E, #002731)
- Timeworn Turquoise color palette (#C0E7F3, #00ADCF, #007081, #003B48, #000B0E)
- Pale Pine Dune color palette (#F2E9F2, #8BCECF, #00A0CD, #00833B, #001E43)
- Azure Grove color palette (#FEF4E3, #99D4F2, #0093E6, #00717A, #0A2F6B)
Browse the whole catalog at Explore, or see today's palette.