Petrol Field color palette — #EAF9F3 · #9CD4A6 · #277AA5 · #1F4C3E · #142620
Built around Cerulean, softened by Pistachio — the whole palette hums with nature and growth.
The five colors
- Ivory (#EAF9F3): a clean, paper-quiet neutral.
- Pistachio (#9CD4A6): A luminous, balanced green — the color of new leaves after rain.
- Cerulean (#277AA5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#1F4C3E): A deep, shadowed, dusty teal — the color of glacier melt.
- Onyx (#142620): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged luxury, dark, 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
- Petrol Ridge color palette (#FDF1FC, #8FD6B4, #5072A8, #523851, #281E27)
- Timeworn Cobalt Veranda color palette (#FBF2FB, #EFDDBF, #5178AA, #213958, #160B16)
- Weathered Basin color palette (#EDF6FF, #E9D3A4, #6A9BC1, #4A6680, #152330)
- Cobalt Ridge color palette (#FBF2F8, #F1B0B7, #656CA8, #3A3F64, #291E25)
- Worn Archive color palette (#FAF3F7, #E4D7D7, #D6BCB9, #888ABD, #4C4549)
- Powdered Canyon color palette (#FBF2F9, #B0C2FB, #AF6ED7, #6178D7, #311E24)
- Softworn Boulevard color palette (#F0E1F1, #009C60, #003968, #001024, #050006)
- Mulberry Station color palette (#FDE9EB, #E6A18C, #894587, #492648, #230F13)
Browse the whole catalog at Explore, or see today's palette.