Petrol Field color palette — #EFF6FC · #D7D8E8 · #A8B4C7 · #416887 · #323C45
Peacock takes the lead with Ash close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#EFF6FC): a clean, paper-quiet neutral.
- Silver (#D7D8E8): A whisper-light, dusty violet — the color of twilight just after sunset.
- Ash (#A8B4C7): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#416887): A full-bodied, dusty blue — the color of deep harbor water.
- Charcoal (#323C45): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Dusty Cerulean Workshop color palette (#EDF8F4, #E4D8DB, #D0BABD, #4887B0, #2F3E39)
- Pewter Terrace color palette (#F5F4FD, #E4D4E2, #C3B5D5, #885194, #403D4F)
- Patina Mulberry Delta color palette (#F0ECF7, #CFC9D8, #A79BB0, #6E4369, #302B3A)
- Tempered Station color palette (#D9E5FF, #A296D2, #7E658E, #634E64, #55353B)
- Washed Delta color palette (#DCE5F1, #ADBACF, #828EA9, #084482, #182029)
- Worn Pier color palette (#E5E6F0, #9A96AE, #746A8A, #3E0B59, #080714)
- Frosted Field color palette (#EFF6FF, #82CDFF, #6AA8FF, #7871CB, #1F2D4D)
- Muted Fern color palette (#EAFAF0, #9F9F67, #5E692E, #295257, #1B3D2F)
Browse the whole catalog at Explore, or see today's palette.