Petrol Field color palette — #E7FAF6 · #75C7CE · #007C8C · #005652 · #003947
Teal and Aqua set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#E7FAF6): A whisper-light, dusty teal — the color of sea glass.
- Aqua (#75C7CE): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#007C8C): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005652): A full-bodied, dusty teal — the color of shallow lagoons.
- Deep Teal (#003947): 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
- Cobalt Boulevard color palette (#E5FAF9, #7AC1EC, #0073B4, #005367, #003362)
- Muted Studio color palette (#FDECF8, #55CFDA, #007D9F, #00543D, #001B32)
- Turquoise Station color palette (#DAE6E4, #4EAEBE, #006275, #003E3E, #002330)
- Linen Meadow color palette (#FFF2EC, #68DFE9, #009BC2, #007555, #00355A)
- Linen Basin color palette (#DCFFEB, #74E1C0, #00C2BD, #007723, #00422E)
- Dusty Parlor color palette (#E1F2F1, #4D89A1, #00425D, #002127, #000A16)
- Pine Boulevard color palette (#D3EEE3, #008565, #006C97, #5C5400, #002C1F)
- Jade Grove color palette (#C8FFDE, #00AD6C, #00673E, #003720, #001F10)
Browse the whole catalog at Explore, or see today's palette.