Petrol Field color palette — #F4F6F0 · #CAE2E5 · #AB8EAD · #3C7692 · #624960
A conversation between Slate and Dusty Rose, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F4F6F0): a clean, paper-quiet neutral.
- Silver (#CAE2E5): A whisper-light, dusty blue — the color of deep harbor water.
- Dusty Rose (#AB8EAD): A luminous, dusty pink — the color of neon signs at night.
- Slate (#3C7692): A full-bodied, dusty blue — the color of deep harbor water.
- Charcoal Brown (#624960): A full-bodied, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, 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
- Hushed Petrol Workshop color palette (#F4F6F0, #C7E5E6, #6DA0C4, #087B93, #2A534A)
- Hushed Parlor color palette (#E3E6DD, #78A5C3, #005B95, #003B4D, #001E43)
- Aged Olive Garden color palette (#EDF9EB, #57A8A3, #668BBE, #6A803C, #374835)
- Dusty Petrol color palette (#EEF0E6, #94BCA3, #007391, #004F54, #003347)
- Dusty Cypress color palette (#EFF9EB, #7ABFB4, #B19554, #008577, #5C4B1F)
- Ancient Lagoon Studio color palette (#E5E6D9, #529DA2, #00535E, #00302D, #00171E)
- Softworn Bronze color palette (#FDF3EC, #CDB29D, #AB7145, #7D5143, #673C00)
- Antique Lagoon color palette (#F6F1EB, #C7E4E7, #809CD4, #39757D, #442E3B)
Browse the whole catalog at Explore, or see today's palette.