Petrol Field color palette — #EBF4F2 · #E4D3D8 · #C2B1BD · #476788 · #192320

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

The five colors

• Ivory (#EBF4F2): bright and airy, almost weightless.
• Silver (#E4D3D8): a clean, paper-quiet neutral.
• Ash (#C2B1BD): A luminous, dusty pink — the color of neon signs at night.
• Slate (#476788): A full-bodied, dusty blue — the color of open sky before noon.
• Onyx (#192320): 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

• Muted Petrol color palette (#F0F6FC, #D9D7E5, #ACB3C7, #39688F, #303C47)
• Pewter Garden color palette (#F7EFF5, #E8D4D5, #CBBAB9, #8B6883, #302A2F)
• Dusty Canyon color palette (#FAEEF3, #EBC9D5, #C2A1A9, #5F4A99, #24141C)
• Aged Cerulean Quarry color palette (#EDF8F4, #E6D3CE, #A6A89C, #5690BB, #26312D)
• Hushed Coast color palette (#D9DCFF, #AB9FCD, #8A6770, #6C4538, #3B2213)
• Navy Thicket color palette (#F1E9F0, #C4AABD, #A08495, #264275, #120611)
• Periwinkle Market color palette (#FFEBFC, #9AD0FF, #72A1FA, #8479C3, #2A0D24)
• Cornflower Grove color palette (#FFE2DA, #6184E2, #5A4C9E, #5A2337, #24101F)

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