Petrol Field color palette — #EEF4EF · #CDDCDA · #A8C5C4 · #2F828B · #262F27

A conversation between Teal and Stone, giving this palette its sense of trust and stability.

The five colors

• Cream (#EEF4EF): bright and airy, almost weightless.
• Silver (#CDDCDA): bright and airy, almost weightless.
• Stone (#A8C5C4): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#2F828B): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#262F27): quiet, heavy and certain.

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

• Hushed Cypress color palette (#EDF7FA, #D6DBE7, #BEBFCE, #3F8081, #3D4A4E)
• Weathered Pine color palette (#F3F3E5, #B4B78F, #478553, #455E1F, #282915)
• Timeworn Denim color palette (#EBF4F0, #C2DAD1, #8DAFD1, #006582, #0A1F16)
• Softworn Quarry color palette (#D7E8E0, #0080A9, #10392F, #091A13, #040705)
• Cerulean Balcony color palette (#E5F2E9, #8FA69B, #57829D, #003D49, #000602)
• Aged Cobalt color palette (#F7EFF6, #E9D0D4, #DAB1CA, #3D69B3, #2B212A)
• Driftwood Thicket color palette (#D4FAEE, #CAABC8, #7E81AD, #724F4F, #472E2B)
• Petrol Summit color palette (#EFF5DF, #4FA9C6, #0071AF, #573766, #07291D)

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