Petrol Field color palette — #FFF0FB · #E7D4D7 · #A3B2E9 · #5765A4 · #252C4D
Slate and Sky set the tone — five colors that lean into creativity and calm.
The five colors
- Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
- Silver (#E7D4D7): A whisper-light, dusty red — the color of a theater curtain.
- Sky (#A3B2E9): A luminous, balanced violet — the color of wild irises.
- Slate (#5765A4): A full-bodied, balanced violet — the color of wild irises.
- Navy (#252C4D): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Creativity, Calm, Sophistication. Tagged monochrome, muted, cool.
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
- Antique Petrol color palette (#DCFEF1, #BAE3E8, #79B7DE, #3974A5, #082D46)
- Weathered Powder color palette (#F0F5FF, #E0D5F0, #A0B5FE, #7683B9, #2C3B59)
- Aged Summit color palette (#FFF1F4, #E3D6D2, #CE9BCF, #885694, #371A3A)
- Hushed Cobalt color palette (#FFEBF9, #C1CCFF, #6D7EB8, #434A6F, #291224)
- Powder Meadow color palette (#FEF0FC, #E7D8D7, #86CAE8, #BCAEA7, #5F4A57)
- Lagoon Studio color palette (#FEF1F5, #CEB8E9, #CDA76F, #399480, #3E2C32)
- Misty Aubergine Harbor color palette (#F9F2FF, #D1B0FF, #9760D0, #54007A, #05000C)
- Worn Lilac Grove color palette (#FAF3F5, #E6D9E2, #E39982, #AD83DC, #281B14)
Browse the whole catalog at Explore, or see today's palette.