Washed Petrol color palette — #F4F6EE · #BAE8D9 · #6A8DB5 · #276A87 · #554054

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

The five colors

• Ivory (#F4F6EE): a clean, paper-quiet neutral.
• Mint (#BAE8D9): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#6A8DB5): A luminous, dusty blue — the color of a favorite pair of jeans.
• Peacock (#276A87): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#554054): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Muted Cerulean color palette (#F5F6EB, #BFE8CE, #4696B1, #0E6F75, #2A5142)
• Muted Coast color palette (#F5F1EA, #C1E6DA, #6E8FBF, #00697F, #3B2236)
• Muted Meadow color palette (#F1F7F2, #D7DCF8, #84A6D9, #3E8599, #384766)
• Dusty Cobalt Station color palette (#F3F7EC, #9DD6FD, #0084D7, #00627E, #244165)
• Dusty Meadow color palette (#FAF4EF, #C5E6EA, #AABCF0, #3EABA9, #4C4067)
• Aged Summit color palette (#EFF2E0, #5CACBB, #006176, #003E3F, #002330)
• Hushed Cerulean color palette (#E3E7D8, #378BAC, #00425E, #002128, #000A16)
• Hushed Alley color palette (#F7F7E2, #81B053, #3196BB, #517132, #17495C)

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