Petrol Field color palette — #E8F2E9 · #74C0C4 · #008399 · #005B4B · #002331
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Cream (#E8F2E9): bright and airy, almost weightless.
- Mint Leaf (#74C0C4): A luminous, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#008399): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#005B4B): A full-bodied, dusty teal — the color of sea glass.
- Midnight (#002331): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Hushed Petrol color palette (#E5F1E7, #70ACC1, #006E9D, #004A4B, #00142C)
- Cerulean Lantern color palette (#FBF4E9, #7CDEE3, #0089A0, #005344, #000F17)
- Antique Parlor color palette (#E5F3E8, #A3CBDF, #3091BC, #006C6A, #053050)
- Sunlit Market color palette (#EEDDD7, #80CFD4, #00A0D1, #008344, #021D46)
- Lagoon Lantern color palette (#F0F7F1, #CDE0FB, #6FAFC9, #238C82, #2A4B66)
- Quiet Veranda color palette (#D3F0EE, #7ADBC2, #22B6C7, #536D00, #002A1A)
- Powdered Jade color palette (#D2EBDB, #34AF6E, #007649, #003E24, #000E05)
- Ancient Moss color palette (#EDEFDF, #7A9500, #2C7200, #004E26, #002818)
Browse the whole catalog at Explore, or see today's palette.