Petrol Field color palette — #E1F7F5 · #75C8E7 · #007CA8 · #00505B · #001C2F
A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E1F7F5): A whisper-light, dusty teal — the color of shallow lagoons.
- Sky (#75C8E7): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#007CA8): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#00505B): A deep, shadowed, dusty blue — the color of deep harbor water.
- 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
- Tempered Hollow color palette (#FFF2EA, #68C5E7, #0073B7, #005651, #1D2E64)
- Cerulean Canyon color palette (#E4F7F2, #A6D9E8, #0094A0, #006359, #002B32)
- Denim Lagoon color palette (#D9EAE9, #69A5C2, #005F8A, #003843, #000C1A)
- Washed Study color palette (#D4E2E2, #5C7C99, #003B73, #001D2B, #000108)
- Misty Azure Loft color palette (#FFF0F8, #D7D7F0, #19A1F9, #00736C, #09136A)
- Softworn Lagoon color palette (#E8E2F1, #CF4BA6, #0076C0, #860066, #00172C)
- Tempered Amber Archive color palette (#FAE6EE, #C17B28, #894700, #5A2300, #1C0F00)
- Washed Pier color palette (#F2E4EF, #B1349F, #AA3A00, #2500EE, #1F001A)
Browse the whole catalog at Explore, or see today's palette.