Petrol Field color palette — #F4EDE3 · #83BEBB · #007682 · #00523C · #003442
Teal and Forest set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F4EDE3): bright and airy, almost weightless.
- Mint Leaf (#83BEBB): A luminous, dusty teal — the color of glacier melt.
- Teal (#007682): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00523C): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Teal (#003442): 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
- Wandering Petrol color palette (#F4EEE3, #8DBDAA, #006BB5, #004E58, #1D2D4E)
- Denim Terrace color palette (#F5EEE5, #6CAAB8, #00607F, #003E3B, #002139)
- Softworn Thicket color palette (#F4E6E2, #6BC5C0, #007791, #074F0D, #00172D)
- Worn Cerulean Summit color palette (#FAF4EC, #AECFB3, #0086A0, #006153, #164435)
- Periwinkle Corridor color palette (#DBFFE3, #98D6F0, #5E9AFD, #00705D, #143925)
- Washed Turquoise Station color palette (#E4F2EF, #9AE3DF, #00BBC3, #00937F, #00353C)
- Dusty Terrace color palette (#F9F4EE, #C6EBE1, #57A6B7, #387D6A, #3A5046)
- Frosted Forest Lagoon color palette (#F5EAF6, #8ED3CF, #0095B4, #2E6E2E, #053051)
Browse the whole catalog at Explore, or see today's palette.