Petrol Field color palette — #E1EDE3 · #88BDCA · #007985 · #004D38 · #001922
Teal and Forest set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#E1EDE3): bright and airy, almost weightless.
- Ash (#88BDCA): A luminous, dusty blue — the color of open sky before noon.
- Teal (#007985): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004D38): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#001922): 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
- Wandering Garden color palette (#ECF4ED, #A1D0E1, #008AA5, #005D4F, #002434)
- Petrol Garden color palette (#E3ECE5, #8ABADC, #336CB2, #004957, #090F3B)
- Denim Studio color palette (#DBE9DE, #67A8B6, #006180, #003A37, #000C19)
- Dusty Forest Garden color palette (#F9EBE8, #9BBB99, #00748F, #005415, #002F56)
- Timeworn Harbor color palette (#E5F4E8, #47838D, #004255, #00201C, #000103)
- Gentle Byzantium color palette (#EADAEB, #9741A2, #795800, #00575D, #17011A)
- Fern Pier color palette (#E4F3EB, #818D5B, #5E5700, #3F2E00, #00120F)
- Tempered Coral color palette (#EDE8FF, #F1BED9, #D8817E, #604689, #211531)
Browse the whole catalog at Explore, or see today's palette.