Petrol Field color palette — #F0F7F2 · #CDDDDD · #A6B8B1 · #106F82 · #323E37

Built around Teal, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Silver (#CDDDDD): bright and airy, almost weightless.
• Ash (#A6B8B1): A luminous, dusty teal — the color of glacier melt.
• Teal (#106F82): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#323E37): 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

• Dusty Cerulean color palette (#EFF7FA, #D6D9E2, #BEBCCD, #0091A2, #303D42)
• Hushed Petrol color palette (#EDF4EF, #CED8D9, #C3B0C0, #00727F, #19231C)
• Dusty Garden color palette (#FAF3F8, #E1D7D8, #B2ACA2, #7480A7, #575055)
• Dusty Abyss color palette (#D9E1DD, #ABBEB7, #72978E, #004C63, #13231C)
• Timeworn Courtyard color palette (#FEF1F7, #EBD3D1, #D4B2BA, #6E5AAA, #4A3B42)
• Muted Cypress color palette (#F5F7E3, #7AA883, #287350, #1F564B, #323A00)
• Patina Ultramarine color palette (#FBF2FA, #DFCCDA, #B99DAE, #1154B6, #3F2B3E)
• Antique Atelier color palette (#D8E9E4, #B1A5B0, #8F7689, #003965, #001914)

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