Petrol Field color palette — #E9F1EB · #8FB9C7 · #00758A · #005143 · #003346
Teal takes the lead with Forest close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#E9F1EB): a clean, paper-quiet neutral.
- Ash (#8FB9C7): A luminous, dusty blue — the color of deep harbor water.
- Teal (#00758A): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005143): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Teal (#003346): 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
- Weathered Cerulean color palette (#EFF8F0, #A1CCE0, #0084AA, #00605A, #0F3E5D)
- Antique Petrol color palette (#EEE6ED, #88BDCE, #00759A, #004F26, #001436)
- Sapphire Ridge color palette (#E6F2E8, #99B5CE, #2966BC, #004D5D, #1F275C)
- Turquoise Harbor color palette (#BFF0FF, #26A6C3, #005E70, #002F3A, #00161D)
- Chalky Studio color palette (#F6EDDF, #9DE1E5, #00B7D7, #1D927C, #003346)
- Hushed Cypress color palette (#F1F7F2, #D2E0F1, #6AA3B6, #307D72, #3A566B)
- Faded Mulberry color palette (#CDE6F1, #00798A, #94298A, #5E4B00, #00242B)
- Washed Study color palette (#CAE3ED, #008F9B, #BB301E, #00535B, #520400)
Browse the whole catalog at Explore, or see today's palette.