Petrol Field color palette — #F9F4ED · #BAE8D6 · #658EB9 · #0A6E7D · #554051
Teal takes the lead with Slate Blue close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F9F4ED): a clean, paper-quiet neutral.
- Mint (#BAE8D6): A whisper-light, dusty teal — the color of shallow lagoons.
- Slate Blue (#658EB9): A luminous, dusty blue — the color of deep harbor water.
- Teal (#0A6E7D): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#554051): A full-bodied, dusty pink — the color of a candy shop window.
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
- Cerulean Harbor color palette (#FAF4EC, #AAE9F0, #4197AF, #1D7163, #2E5043)
- Hushed Cypress Quarry color palette (#F7F0EB, #C6E4D8, #6F8FBC, #106B6E, #3E2035)
- Dusty Cobalt Pier color palette (#FCF4E8, #8ED9FF, #2285CD, #00656E, #263F6B)
- Periwinkle Cabin color palette (#FBF2F6, #D5DDF8, #85A7D5, #3C888B, #3B4765)
- Worn Cerulean color palette (#EEE5D8, #308DA7, #00425E, #002222, #000919)
- Washed Turquoise Quarry color palette (#E5DDD0, #4CAFB9, #006176, #003F36, #002333)
- Moss Archive color palette (#FAF7D3, #709822, #3280C0, #905461, #393831)
- Hushed Aqua color palette (#FDF4E6, #57CCCF, #007B8E, #005846, #00394C)
Browse the whole catalog at Explore, or see today's palette.