Petrol Field color palette — #F0E6E9 · #95B8D7 · #5666A6 · #004B4C · #1C0933
Built around Slate, softened by Deep Indigo — the whole palette hums with creativity and calm.
The five colors
- Rose Water (#F0E6E9): bright and airy, almost weightless.
- Sky (#95B8D7): A luminous, dusty blue — the color of deep harbor water.
- Slate (#5666A6): A full-bodied, balanced violet — the color of twilight just after sunset.
- Forest (#004B4C): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#1C0933): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Creativity, 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
- Sapphire Cabin color palette (#FFECF3, #83C4EB, #3968DA, #00524D, #20004B)
- Petrol Villa color palette (#F0E5EE, #89BCCE, #00759B, #004F27, #001437)
- Weathered Iris color palette (#F6EDE4, #A4C9EA, #7280CA, #006B6F, #36214F)
- Dusty Pewter color palette (#F5F0F6, #CFD4E7, #71A6B5, #577453, #22384C)
- Wandering Grove color palette (#EBDEEA, #3F8589, #004258, #00210C, #000106)
- Navy Hollow color palette (#EEE2E8, #4195B6, #004790, #002C25, #04001A)
- Dusty Plum color palette (#F9E9EE, #B0356D, #006A7D, #224A6D, #1C000B)
- Aged Mulberry Loft color palette (#EADBEF, #C74E79, #007B7B, #830041, #001616)
Browse the whole catalog at Explore, or see today's palette.