Petrol Field color palette — #E4F7F1 · #006BA7 · #485E00 · #00402B · #001105
Built around Peacock, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Ivory (#E4F7F1): A whisper-light, dusty teal — the color of glacier melt.
- Peacock (#006BA7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Olive (#485E00): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#00402B): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#001105): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Balance. 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
- Aged Cobalt color palette (#FCEDF8, #6481C6, #316F40, #004D49, #00170E)
- Tempered Chestnut Market color palette (#E9F6E7, #007872, #744700, #3C3B00, #070B00)
- Weathered Indigo color palette (#FFECF6, #695ABA, #006040, #00363C, #130215)
- Charred Basin color palette (#EBDAED, #004686, #1A3C00, #00231B, #000102)
- Pale Corridor color palette (#ECF7FF, #2394D6, #6A7800, #00623B, #002632)
- Orchid Veranda color palette (#FFECEF, #B147B8, #00636A, #003A63, #0D0422)
- Dusty Lilac color palette (#FBEEF1, #A180BE, #007D7A, #1B526A, #281723)
- Feathered Courtyard color palette (#FFF1F3, #C27CC7, #9D501D, #4A5300, #000D08)
Browse the whole catalog at Explore, or see today's palette.