Petrol Field color palette — #D4E6E3 · #6BAEB6 · #007384 · #004A48 · #00171F
Built around Teal, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Silver (#D4E6E3): bright and airy, almost weightless.
- Cyan (#6BAEB6): A luminous, dusty blue — the color of deep harbor water.
- Teal (#007384): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004A48): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#00171F): 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
- Weathered Petrol Studio color palette (#D7E8E6, #85BBCE, #007FA9, #005862, #002236)
- Aged Grove color palette (#D8E8E7, #7597B1, #005C94, #003949, #00091A)
- Antique Thicket color palette (#EEF0DA, #61C9D4, #007485, #003E3C, #000305)
- Worn Boulevard color palette (#E4FBF7, #8ED8EB, #009BC2, #007178, #00384F)
- Feathered Orchid Balcony color palette (#E5E0F4, #AE43B1, #007094, #720075, #00121B)
- Airy Periwinkle color palette (#EDF8F7, #BFDFFF, #609CF2, #007BAC, #233B7B)
- Ancient Byzantium color palette (#F6DEF6, #9D26A4, #A91700, #0043A1, #120014)
- Misty Boulevard color palette (#F4E4EC, #AD6B3A, #853800, #591600, #150800)
Browse the whole catalog at Explore, or see today's palette.