Petrol Field color palette — #E9F9F7 · #70C4E7 · #0077A7 · #005462 · #003658
A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E9F9F7): a clean, paper-quiet neutral.
- Sky (#70C4E7): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0077A7): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#005462): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Navy (#003658): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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 Workshop color palette (#FDEDF5, #6AC9F1, #0074C7, #00524F, #0D1243)
- Cerulean Villa color palette (#EBF9F6, #9FDADE, #008FA0, #006761, #004857)
- Denim Study color palette (#DEF1EF, #81A3BD, #005D8D, #003C4A, #00203D)
- Linen Sky Boulevard color palette (#F3F8E1, #A7E4FF, #28B7FB, #0094AC, #003658)
- Pale Cornflower Lagoon color palette (#FFF2E9, #7BD9FF, #0090F0, #00736F, #1E2A6C)
- Tempered Turquoise color palette (#E2FAFF, #94E5E6, #00BCD9, #007860, #004141)
- Dusty Abyss color palette (#DCEBE7, #588994, #004648, #00231C, #000C0E)
- Hushed Teal color palette (#B8FFF6, #00AA9A, #00685F, #00352F, #001D1A)
Browse the whole catalog at Explore, or see today's palette.