Washed Petrol color palette — #F0F7F4 · #DFD4D1 · #CDB7B4 · #0480A5 · #404A45

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

The five colors

• Ivory (#F0F7F4): bright and airy, almost weightless.
• Silver (#DFD4D1): bright and airy, almost weightless.
• Stone (#CDB7B4): A luminous, dusty orange — the color of toasted spice.
• Cerulean (#0480A5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#404A45): a grounded near-black with real depth.

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

Use it as a design system

One click turns Washed Petrol 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 Cerulean color palette (#F8F3F8, #E1D8D7, #ADADA1, #6C83A8, #575057)
• Ancient Delta color palette (#EDF3F7, #D7D8E4, #BEBBCB, #367DA2, #262D33)
• Dusty Indigo color palette (#FCF2F8, #E3D6D3, #D3B3AF, #605ABC, #4C3944)
• Denim Lagoon color palette (#EBF9F5, #E3CBD8, #C39AA1, #005D9F, #0B3B32)
• Worn Fern color palette (#F8F5E9, #ACB491, #428078, #365E7E, #3E4800)
• Cobalt Thicket color palette (#EDDFED, #4A71AD, #452833, #291828, #0A1615)
• Patina Harbor color palette (#E9FBDE, #9CB9A7, #977E8D, #50683D, #375245)
• Muted Abyss color palette (#E3EDE9, #B4A3AF, #98747E, #003C59, #031812)

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