Petrol Field color palette — #F1F3EB · #C3E3E2 · #79A896 · #357582 · #203C35

Teal and Eucalyptus set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F1F3EB): bright and airy, almost weightless.
• Silver (#C3E3E2): A whisper-light, dusty teal — the color of shallow lagoons.
• Eucalyptus (#79A896): A luminous, dusty teal — the color of sea glass.
• Teal (#357582): A full-bodied, dusty blue — the color of deep harbor water.
• Forest (#203C35): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: 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

• Petrol Grove color palette (#E9EAE1, #7EC1C4, #007986, #004C46, #001A20)
• Ash Summit color palette (#F0F3EC, #C2E4E8, #809FC5, #447189, #432E41)
• Dusty Lagoon color palette (#E7EECC, #8DC7A2, #519877, #276B58, #2D3F23)
• Aged Quarry color palette (#EEF5E7, #7FC4AB, #B9956A, #288368, #35302B)
• Tempered Villa color palette (#EAF6E5, #62AC9F, #6792BB, #767D50, #1F2C1A)
• Hushed Drift color palette (#E5F9DF, #9EDBD3, #43988E, #035D57, #002622)
• Timeworn Study color palette (#EEF7F6, #D6DCEC, #81B9DB, #4593A3, #3B556D)
• Softworn Station color palette (#E0E5D6, #527E9B, #003E69, #001E28, #000105)

Browse the whole catalog at Explore, or see today's palette.