Petrol Field color palette — #E9FBEC · #89C1D5 · #0077A7 · #005556 · #003460
Cerulean takes the lead with Navy close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#E9FBEC): A whisper-light, dusty teal — the color of glacier melt.
- Sky (#89C1D5): A luminous, dusty blue — the color of open sky before noon.
- Cerulean (#0077A7): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#005556): A full-bodied, dusty teal — the color of glacier melt.
- Navy (#003460): A deep, shadowed, balanced blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. 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
- Frosted Canyon color palette (#EEF9F0, #88BDF1, #3A66CD, #005269, #292079)
- Timeworn Corridor color palette (#F0F7F1, #A6D7E5, #008FA0, #006950, #00475B)
- Patina Cobalt color palette (#FCEDF6, #76C9E1, #0076C2, #005341, #110A4C)
- Muted Denim color palette (#E8F4EA, #81A4BA, #005D8E, #003D41, #001D47)
- Gentle Cornflower Courtyard color palette (#FFF2EB, #86D8F2, #0091EF, #00755D, #282C62)
- Timeworn Workshop color palette (#FFF4E2, #9CE6FF, #27B7FB, #009799, #03345E)
- Softworn Petrol Coast color palette (#F1F7F2, #D7DDEF, #789DC0, #007D8A, #455469)
- Washed Navy Canyon color palette (#D8E3DA, #6484A1, #003880, #002129, #04002D)
Browse the whole catalog at Explore, or see today's palette.