Petrol Field color palette — #E6F1EF · #92B8C9 · #00748D · #004F52 · #003345
Teal and Forest set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E6F1EF): bright and airy, almost weightless.
- Ash (#92B8C9): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#00748D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004F52): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Teal (#003345): 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
- Tempered Garden color palette (#F0E5ED, #76C1D0, #0074A1, #004D40, #001534)
- Dusty Cerulean color palette (#EBF8F7, #A8CADF, #2A82A9, #005E6A, #113F5B)
- Turquoise Hollow color palette (#EEF0E0, #89E3F7, #00B6DF, #009095, #003346)
- Abyss Canyon color palette (#E4F3F0, #6598A7, #00545B, #00302B, #00171D)
- Dusty Petrol color palette (#EFF7F6, #D3DDEF, #759FB9, #007E87, #3A566B)
- Aubergine Canyon color palette (#E0DAF2, #AE5AA7, #0073A0, #7A0076, #002D41)
- Mulberry Workshop color palette (#F8EFFF, #E9B0BF, #DB7878, #8D3478, #522637)
- Sunlit Terracotta Garden color palette (#F4E0EB, #A97C5F, #8C3900, #631A04, #381C00)
Browse the whole catalog at Explore, or see today's palette.