Petrol Field color palette — #F7F6E8 · #A3BA68 · #3372AE · #55690F · #172824
A conversation between Slate and Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F7F6E8): a clean, paper-quiet neutral.
- Sage (#A3BA68): A luminous, balanced green — the color of a quiet forest floor.
- Slate (#3372AE): A full-bodied, balanced blue — the color of deep harbor water.
- Olive (#55690F): A full-bodied, balanced green — the color of new leaves after rain.
- Onyx (#172824): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.
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
- Ancient Hollow color palette (#F4F7EB, #7AC28A, #7261AA, #316E42, #2D1F26)
- Ancient Cabin color palette (#FBF4EC, #E1A03F, #007F80, #815504, #1A281B)
- Hushed Study color palette (#E8F5F4, #81C696, #168684, #03793F, #001116)
- Softworn Balcony color palette (#FFF2EF, #2FB26E, #167399, #723A45, #31432C)
- Worn Cerulean Delta color palette (#F3F7ED, #9AD4B1, #00A3AC, #3E9367, #19281B)
- Pale Delta color palette (#EDF9EC, #CFEB75, #3DC9BF, #6C89BE, #254233)
- Antique Mint color palette (#E8FCBB, #54C293, #008789, #005672, #263471)
- Mulberry Dune color palette (#EEF8EF, #00AEB5, #813E8A, #005B5F, #241216)
Browse the whole catalog at Explore, or see today's palette.