Petrol Field color palette — #EFE8DF · #8DBFB1 · #5764AC · #004B4D · #1D0833
Slate and Deep Indigo set the tone — five colors that lean into creativity and calm.
The five colors
- Parchment (#EFE8DF): a clean, paper-quiet neutral.
- Mint Leaf (#8DBFB1): A luminous, dusty teal — the color of glacier melt.
- Slate (#5764AC): A full-bodied, balanced violet — the color of twilight just after sunset.
- Forest (#004B4D): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#1D0833): A deep, shadowed, balanced 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
- Washed Corridor color palette (#F5E5DF, #79C1CA, #0074A1, #004E2F, #031238)
- Worn Petrol Loft color palette (#F3EEE6, #92BBB0, #4365AB, #004D61, #262853)
- Sapphire Dune color palette (#FEEFE0, #89C3EB, #4063E4, #005250, #220048)
- Cobalt Basin color palette (#FBEFE8, #94DDEE, #008AD2, #006549, #161F50)
- Muted Field color palette (#CDF7EB, #BBBDEE, #DD83A7, #006263, #230C20)
- Iris Grove color palette (#EEF8F0, #D9DDF9, #648FE6, #006680, #171841)
- Gentle Navy Terrace color palette (#D0EBEC, #0091B2, #0060A3, #171D79, #17043F)
- Sapphire Grove color palette (#EEE1ED, #0B63DA, #7C5600, #4A4B01, #000922)
Browse the whole catalog at Explore, or see today's palette.