Petrol Field color palette — #F0F7F2 · #D1DEDE · #CDBDC1 · #437F86 · #424A44

Built around Slate, softened by Stone — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Silver (#D1DEDE): bright and airy, almost weightless.
• Stone (#CDBDC1): soft and architectural.
• Slate (#437F86): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#424A44): 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

• Softworn Parlor color palette (#ECF3F6, #D3D7DF, #B7BCCC, #1A8394, #202E35)
• Ancient Cobalt Drift color palette (#F9F3F9, #E6D5D5, #CEB4BA, #3B67B7, #4B3949)
• Antique Basalt color palette (#FAF5E5, #B1B28F, #4F7F67, #45624D, #464500)
• Softworn Turquoise Meadow color palette (#EFF7F9, #D7DBE5, #C3B3C7, #61BCC5, #404A4D)
• Washed Chestnut Meadow color palette (#D5F8DD, #C4B2C6, #9C828D, #7F5E15, #4D5200)
• Softworn Abyss Workshop color palette (#DCE8E0, #9AAFA8, #93748B, #003F4B, #05180E)
• Softworn Petrol Drift color palette (#D3EBE1, #107AAA, #3E2B3A, #0E241D, #040F0D)
• Weathered Denim Corridor color palette (#F4ECF2, #D8C7CD, #B4989C, #40508C, #372834)

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