Petrol Field color palette — #FCF4E9 · #B49167 · #4874A0 · #744157 · #5C3734
A conversation between Slate and Coffee, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FCF4E9): bright and airy, almost weightless.
- Caramel (#B49167): A luminous, dusty gold — the color of honey in a jar.
- Slate (#4874A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Coffee (#744157): A full-bodied, dusty rose — the color of strawberry cream.
- Cocoa (#5C3734): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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 Orchard color palette (#F6F6E9, #89A26E, #7C6590, #694567, #5D3638)
- Softworn Petrol Delta color palette (#FEF3E9, #B98E68, #447699, #3C537D, #453459)
- Patina Basalt color palette (#FFF2EE, #BF868D, #427E69, #69446B, #5B3735)
- Hushed Petrol Harbor color palette (#F7F6EB, #AAB980, #4E9AA2, #695CA3, #5C372C)
- Weathered Cocoa color palette (#FFF3E9, #CCC9B3, #889485, #826A64, #734304)
- Sky Delta color palette (#FFF1F6, #EDBC8E, #6AB1E7, #AC7484, #4C3B53)
- Denim Courtyard color palette (#FAF1DF, #8D7500, #275294, #582E00, #2F2400)
- Antique Lagoon color palette (#F0F8EA, #07A07F, #874D6E, #742E2E, #4E280C)
Browse the whole catalog at Explore, or see today's palette.