Petrol Field color palette — #F8F5EB · #D1D095 · #61A8A6 · #6064A0 · #562733
Slate and Pistachio set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F8F5EB): a clean, paper-quiet neutral.
- Pistachio (#D1D095): A whisper-light, dusty green — the color of fresh herbs.
- Turquoise (#61A8A6): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#6064A0): A full-bodied, balanced violet — the color of a velvet chair.
- Espresso (#562733): A deep, shadowed, dusty red — the color of a theater curtain.
Feels like: Nature, Growth, Creativity, 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
- Timeworn Harbor color palette (#F4F6EE, #A0DCB4, #6F9FC8, #905085, #3D3732)
- Washed Turquoise color palette (#FEF3EB, #FEB38A, #44BCCA, #AA748D, #5B3736)
- Weathered Ash Alley color palette (#FCF5DF, #D2E2D1, #BECBB5, #AE879E, #62464B)
- Soft Lapis Thicket color palette (#E2FEE2, #00B0B0, #5C47EB, #780033, #181100)
- Quiet Grove color palette (#F5F7E2, #65A457, #006C96, #60005E, #170900)
- Gentle Mulberry color palette (#F3F8E4, #76B886, #097DBC, #78176E, #2B1500)
- Timeworn Moss color palette (#E9FAF1, #A19D30, #247F82, #534D75, #51394F)
- Antique Drift color palette (#F9F4EE, #C3DEE6, #99D0CF, #40A49B, #33554B)
Browse the whole catalog at Explore, or see today's palette.