Petrol Field color palette — #E9F1EB · #CEDCD2 · #A7BEB2 · #00818B · #213325
Teal takes the lead with Deep Forest close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#E9F1EB): a clean, paper-quiet neutral.
- Silver (#CEDCD2): A whisper-light, dusty teal — the color of glacier melt.
- Ash (#A7BEB2): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#00818B): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Forest (#213325): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Lagoon Harbor color palette (#EFF7F9, #D5DDE8, #B8C5E2, #008691, #132126)
- Dusty Petrol Studio color palette (#D8E3DD, #B9C8C2, #8AADA4, #006A8A, #0C251B)
- Aged Pine color palette (#E7E6CE, #87B37C, #3E834E, #1E634C, #2A2B0A)
- Lowlit Terrace color palette (#D1E8DD, #007CA5, #113650, #001C12, #000602)
- Cerulean Delta color palette (#EFF7F4, #D1DDDE, #D3C1C6, #6C95B0, #3F4B46)
- Quiet Chapel color palette (#CEE9D7, #0096AF, #415EAE, #3B4900, #00261D)
- Misty Field color palette (#D9E4BB, #00A2C5, #006FAA, #602E76, #002837)
- Dusty Sapphire Dune color palette (#FCF1FB, #EDD6E7, #D1B4C6, #2F73DD, #3C2D3B)
Browse the whole catalog at Explore, or see today's palette.