Petrol Field color palette — #EDF9EF · #FFD2B9 · #B2A172 · #2F7D94 · #4F3740
Built around Slate, softened by Camel — the whole palette hums with nature and growth.
The five colors
- Ivory (#EDF9EF): bright and airy, almost weightless.
- Peach Cream (#FFD2B9): A whisper-light, dusty gold — the color of honey in a jar.
- Camel (#B2A172): A luminous, dusty green — the color of fresh herbs.
- Slate (#2F7D94): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#4F3740): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged retro, 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
- Cypress Summit color palette (#ECF9EE, #FFCDDA, #D09077, #22846C, #4A384A)
- Petrol Quarry color palette (#FFF1F7, #ECC2A4, #7AA781, #1472A6, #4B2B47)
- Wandering Stone color palette (#ECF9EF, #FFBDBA, #BCAF6F, #768CB2, #55414B)
- Muted Harbor color palette (#EAFAED, #E9DEA6, #89AE7C, #5A70AA, #28463B)
- Weathered Apricot color palette (#FDF4E5, #E19264, #887541, #3E634F, #673D00)
- Ancient Stone color palette (#F0F7F0, #CFA675, #465A4D, #242E23, #140D10)
- Coral Canyon color palette (#FBF1DE, #E88F89, #837942, #3B5376, #36291F)
- Ancient Archive color palette (#F0F7F3, #BDDEF0, #89BAAF, #997B94, #364C43)
Browse the whole catalog at Explore, or see today's palette.