Petrol Field color palette — #E1FEE4 · #7ABDC8 · #2F8DB0 · #156D9E · #295A50
Built around Peacock, softened by Cerulean — the whole palette hums with trust and stability.
The five colors
- Honeydew (#E1FEE4): A whisper-light, dusty green — the color of a quiet forest floor.
- Ash (#7ABDC8): A luminous, dusty blue — the color of deep harbor water.
- Cerulean (#2F8DB0): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#156D9E): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#295A50): A full-bodied, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
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 Denim Garden color palette (#E0FEEB, #7DB6CF, #488CB9, #3362A0, #62455D)
- Washed Lagoon color palette (#F1FADB, #8EC6AE, #349C8A, #007371, #35533C)
- Muted Cabin color palette (#E6F9FF, #77E4FB, #65C3E5, #6C9EBF, #3F5267)
- Washed Denim color palette (#DFFDF4, #A4CAEB, #528DB9, #005080, #193754)
- Dusty Cerulean Orchard color palette (#EAF9F3, #EAD5D1, #DAB49E, #529CAC, #3A564F)
- Olive Ridge color palette (#E7FAF3, #6D9EC0, #B47488, #6F7F1F, #2A4A40)
- Patina Ultramarine color palette (#CCE7F0, #00AAE5, #0075BD, #0043B8, #2D3B7F)
- Shadow Petrol color palette (#D6F4F9, #006C85, #00344E, #001830, #070219)
Browse the whole catalog at Explore, or see today's palette.