Petrol Field color palette — #E4F2F0 · #7BBCD4 · #007299 · #004E58 · #00314C
Built around Peacock, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Cream (#E4F2F0): bright and airy, almost weightless.
- Sky (#7BBCD4): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#007299): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004E58): A deep, shadowed, dusty blue — the color of deep harbor water.
- Deep Teal (#00314C): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Faded Petrol Drift color palette (#F4E4ED, #61C2E1, #0A71AE, #004C46, #061236)
- Ancient Cobalt color palette (#EEF7F7, #9FCCE8, #007EC4, #005C73, #253C55)
- Quiet Loft color palette (#D4F2F7, #73D3D2, #00B4D1, #007356, #04353E)
- Lagoon Villa color palette (#E8FAF5, #A0DBD7, #009196, #006858, #004951)
- Tempered Cerulean color palette (#D8EFEB, #4F9DA7, #005361, #00302F, #00171F)
- Ancient Azure Canyon color palette (#EFF7F6, #D5DCED, #69A0C5, #437785, #415567)
- Ancient Study color palette (#F5EBF1, #B3D9F0, #69A9ED, #00937B, #272852)
- Soft Denim color palette (#C1EBF2, #007D70, #0061A4, #4A5300, #00242A)
Browse the whole catalog at Explore, or see today's palette.