Petrol Field color palette — #EFE8DE · #9FBCA0 · #007989 · #004D3B · #001923
A conversation between Teal and Forest, giving this palette its sense of nature and growth.
The five colors
- Parchment (#EFE8DE): bright and airy, almost weightless.
- Sage (#9FBCA0): A luminous, dusty green — the color of fresh herbs.
- Teal (#007989): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004D3B): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001923): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, 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
- Dusty Market color palette (#F5F1EB, #B3D0BA, #0089A9, #005C52, #002437)
- Ancient Cobalt Alley color palette (#EDE8E1, #91BFB1, #3A6AB4, #004959, #0C0F39)
- Softworn Forest color palette (#F5EBF5, #6EC1C2, #007392, #005420, #0C2E54)
- Washed Denim color palette (#ECE3D6, #67A7B9, #006084, #003938, #000B1A)
- Cerulean Loft color palette (#F1EADF, #418391, #004258, #001F1D, #000104)
- Washed Cerulean color palette (#F5F1EB, #C7E4D6, #5E93BE, #006B73, #3B213B)
- Gentle Aubergine color palette (#EEE3D0, #866600, #006B76, #7D0080, #100A00)
- Antique Sapphire color palette (#F6E3C9, #A57500, #3A63C8, #5D4000, #01083D)
Browse the whole catalog at Explore, or see today's palette.