Petrol Field color palette — #F5F7E4 · #70C7D2 · #007B8F · #005654 · #003948
Teal takes the lead with Aqua close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F5F7E4): A whisper-light, dusty green — the color of fresh herbs.
- Aqua (#70C7D2): A luminous, balanced blue — the color of deep harbor water.
- Teal (#007B8F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005654): A full-bodied, dusty teal — the color of shallow lagoons.
- Deep Teal (#003948): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: 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
- Ancient Atelier color palette (#FDEEE8, #6ECCD7, #007DA1, #00543F, #001B34)
- Tempered Cobalt Market color palette (#F2F8E5, #74C1F1, #0073B8, #005268, #003265)
- Worn Turquoise Lagoon color palette (#E9F9F6, #71EFFE, #00BFDC, #009894, #003949)
- Muted Denim color palette (#E0E2D5, #64ABB8, #006176, #003E3F, #002330)
- Cerulean Atelier color palette (#FFF0FB, #94D8E0, #009AC6, #007559, #00345D)
- Timeworn Parlor color palette (#F5F6EE, #C6E6E3, #7DA390, #387A7F, #335246)
- Abyss Station color palette (#DEE1D1, #56889E, #00425F, #002128, #000A16)
- Soft Moss Market color palette (#EBDDBC, #979200, #695B00, #4B3A00, #282C00)
Browse the whole catalog at Explore, or see today's palette.