Petrol Field color palette — #EFF7F4 · #CDDDE0 · #C8B5C7 · #0072A4 · #2B463D

Slate and Forest set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF7F4): a clean, paper-quiet neutral.
• Silver (#CDDDE0): a clean, paper-quiet neutral.
• Ash (#C8B5C7): A luminous, dusty pink — the color of neon signs at night.
• Slate (#0072A4): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#2B463D): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Tempered Cerulean color palette (#EEF7FD, #D9D8EA, #CABAE0, #0092C3, #33424D)
• Cypress Summit color palette (#F1F7F0, #CAE0DA, #A7C5B0, #007A76, #344532)
• Worn Petrol Lagoon color palette (#E9F5F0, #EED6DD, #D9B2C7, #00759C, #172A22)
• Aged Sapphire color palette (#FBF2F9, #E8D4D5, #D3B1C1, #495FC5, #4D3848)
• Aged Denim color palette (#E8F1EE, #D2C9D1, #AD9AA8, #005795, #1D332E)
• Weathered Driftwood color palette (#FAF3F5, #DFD8D5, #ADADA1, #9672A6, #5A4F52)
• Sapphire Market color palette (#F7E8F5, #2C5CD6, #242749, #071538, #170A0F)
• Softworn Meadow color palette (#FFD8E8, #C8A2D3, #9D618C, #93421E, #67380B)

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