Petrol Field color palette — #EDF4F0 · #CDD8DA · #BEB3BF · #006E93 · #17241E
Built around Peacock, softened by Ash — the whole palette hums with trust and stability.
The five colors
- Cream (#EDF4F0): bright and airy, almost weightless.
- Silver (#CDD8DA): a clean, paper-quiet neutral.
- Ash (#BEB3BF): A luminous, dusty pink — the color of peonies in June.
- Peacock (#006E93): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Onyx (#17241E): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Worn Denim Atelier color palette (#F6F0F4, #DFD3D3, #C7B0B9, #575AA9, #281C24)
- Patina Workshop color palette (#EFF6FA, #D7D8E2, #A8B3CE, #126E88, #323C42)
- Tempered Dune color palette (#F0F7F3, #DED4D3, #A9A89D, #2197BC, #22332A)
- Antique Denim color palette (#DFE8E5, #BAAFBB, #9F839B, #004870, #000E0A)
- Cypress Drift color palette (#EFF4E5, #77AD98, #247364, #005152, #162008)
- Ultramarine Summit color palette (#E7D9E6, #1E61BC, #1A2242, #170417, #000302)
- Washed Cocoa color palette (#FAE8F1, #C09AA6, #8F6B8D, #793C32, #3B1E04)
- Aubergine Summit color palette (#EFE7E8, #D4C8C9, #B49D9E, #782E8C, #220F14)
Browse the whole catalog at Explore, or see today's palette.