Washed Petrol Field color palette — #F0F7F3 · #D2DCDC · #AEC4C6 · #4A7C8E · #3E4B44

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

The five colors

• Ivory (#F0F7F3): a clean, paper-quiet neutral.
• Silver (#D2DCDC): a clean, paper-quiet neutral.
• Stone (#AEC4C6): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#4A7C8E): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#3E4B44): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Washed 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

• Cerulean Chapel color palette (#F0F6FA, #D9DAE4, #C1BECB, #2C9FB8, #3C4A51)
• Petrol Canyon color palette (#EDF4EF, #CEDADC, #CEBBBE, #218296, #233028)
• Hushed Driftwood color palette (#F9F3F9, #E0D7D9, #B3ABA3, #917892, #575057)
• Patina Study color palette (#FDF1F9, #EAD3D4, #D3B1BF, #5C62AC, #4D3846)
• Worn Courtyard color palette (#F4F7E9, #A9B58F, #4E7F6B, #4E6048, #3A4900)
• Aged Abyss Atelier color palette (#D9E7E1, #9DAEA8, #8E768E, #003D56, #061811)
• Denim Atelier color palette (#EAF9F4, #DBCEDB, #B99CB4, #005F97, #133B31)
• Cobalt Station color palette (#D0ECE4, #3275B0, #3C2C3B, #12231F, #030F0F)

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