Petrol Field color palette — #E9EADF · #98BEA6 · #007794 · #004B4E · #001925
Built around Teal, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Parchment (#E9EADF): a clean, paper-quiet neutral.
- Sage (#98BEA6): A luminous, dusty teal — the color of glacier melt.
- Teal (#007794): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004B4E): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001925): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Muted Dune color palette (#E8EAE1, #90B9D9, #2F6EAB, #00485F, #001338)
- Aged Boulevard color palette (#F1F3EA, #AED1BF, #3785AD, #005967, #00233A)
- Hushed Periwinkle color palette (#CAEFDF, #9DC5EB, #799BDD, #006578, #002035)
- Grape Coast color palette (#D0E6DA, #007794, #5F44B8, #005C35, #000D13)
- Tempered Cabin color palette (#C0EAEB, #0097A5, #005F6E, #003D4C, #00161F)
- Timeworn Dune color palette (#CDEAD8, #008EA8, #637400, #004F5F, #101400)
- Worn Dune color palette (#F1F3EC, #C6E0DE, #69A5C1, #007985, #183E32)
- Softworn Abyss color palette (#EEEFE0, #589698, #00545C, #002C28, #000507)
Browse the whole catalog at Explore, or see today's palette.