Petrol Field color palette — #EEE8E1 · #91B8DC · #5964AA · #004B4D · #1F0535
Built around Slate, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Parchment (#EEE8E1): bright and airy, almost weightless.
- Sky (#91B8DC): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#5964AA): A full-bodied, balanced violet — the color of a velvet chair.
- Forest (#004B4D): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#1F0535): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, 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
- Patina Petrol color palette (#F5E5DD, #99BEA6, #0071B0, #004D39, #0A0D3E)
- Denim Canyon color palette (#EFDED6, #5DAAB7, #005E8B, #003B27, #020230)
- Iris Meadow color palette (#F7EBEF, #A4C8ED, #767FC8, #006B71, #3A1D53)
- Denim Cabin color palette (#FFE3EB, #F6BAD4, #D59765, #2A5597, #2E0F13)
- Ash Dune color palette (#F8F0ED, #C7E8DF, #6AA6BC, #507653, #403042)
- Hushed Abyss Studio color palette (#F3E1DB, #44848B, #00415C, #002110, #000109)
- Hazy Orchid color palette (#FDEAED, #B547BB, #345900, #00462E, #18001A)
- Aubergine Station color palette (#D2E0F2, #7771D9, #6D2DA0, #5F0055, #290017)
Browse the whole catalog at Explore, or see today's palette.