Petrol Field color palette — #FDEFE7 · #7FCACC · #007E99 · #005437 · #001C2F
Built around Cerulean, softened by Forest — the whole palette hums with trust and stability.
The five colors
- Cream (#FDEFE7): bright and airy, almost weightless.
- Aqua (#7FCACC): A luminous, dusty teal — the color of sea glass.
- Cerulean (#007E99): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005437): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Midnight (#001C2F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Hushed Petrol Basin color palette (#F6F7E7, #70C8CB, #007C88, #00564F, #003A45)
- Chalky Cobalt color palette (#FFEEE3, #72C8EA, #0076C1, #00524E, #070754)
- Hushed Denim Quarry color palette (#F0E5E0, #6CA8AD, #00617C, #003B2A, #000C1A)
- Hazy Cerulean Villa color palette (#FFF0FA, #77DEE0, #009CBC, #00764E, #003755)
- Washed Turquoise color palette (#E8FAF6, #C5DBFB, #00AEBB, #007367, #002A32)
- Washed Abyss Coast color palette (#EEE3DD, #5B836D, #003F62, #00201C, #00010A)
- Aged Market color palette (#F7F0ED, #CCE0DD, #7AA894, #277B66, #422E44)
- Moss Studio color palette (#E6DEC8, #868A00, #3F6C00, #004827, #001C14)
Browse the whole catalog at Explore, or see today's palette.