Petrol Field color palette — #F9F5EA · #C9C288 · #44A79A · #6B5FA6 · #2F2117
Slate and Turquoise set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F9F5EA): a clean, paper-quiet neutral.
- Pistachio (#C9C288): A luminous, dusty green — the color of fresh herbs.
- Turquoise (#44A79A): A luminous, balanced teal — the color of shallow lagoons.
- Slate (#6B5FA6): A full-bodied, balanced violet — the color of twilight just after sunset.
- Onyx (#2F2117): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged jewel, vibrant, 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
- Wandering Mulberry color palette (#F5F6EB, #99BE97, #579EB9, #8D4C82, #2A2212)
- Patina Petrol Study color palette (#FEF3EB, #F7BCA2, #67AA91, #6C5EA5, #5C2600)
- Petrol Canyon color palette (#FDF3EB, #EAB18E, #7C945A, #2F759A, #311C19)
- Powdered Aubergine color palette (#F5F7E4, #74B067, #007C93, #742878, #160D00)
- Azure Boulevard color palette (#F9F2FC, #F3A3BE, #55ACDE, #7F85BE, #343141)
- Fern Summit color palette (#F9F5E8, #B0B376, #525B0F, #302B1A, #120F09)
- Powdered Ultramarine Ridge color palette (#E5FCE8, #00A4AD, #0050D1, #7C0023, #010A00)
- Washed Bronze color palette (#FEEEE6, #B86A59, #555F9A, #5A3C64, #251411)
Browse the whole catalog at Explore, or see today's palette.