Washed Petrol color palette — #EBF9F4 · #A7D0B1 · #40789C · #144765 · #122620

A conversation between Slate and Navy, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EBF9F4): a clean, paper-quiet neutral.
• Pistachio (#A7D0B1): A luminous, dusty teal — the color of sea glass.
• Slate (#40789C): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#144765): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#122620): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged luxury, dark, 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 Grove color palette (#FEF1F9, #E9B4BA, #676E9B, #3A3F66, #2C1B27)
• Tempered Celadon color palette (#EBF7FF, #B9F9B2, #3F7F9B, #1A3C51, #051119)
• Worn Azure color palette (#EEF6FF, #FFC6B0, #6F98C7, #4E657E, #1B222B)
• Antique Denim Meadow color palette (#ECF8F5, #DB9F7E, #155489, #10304D, #142621)
• Tempered Cornflower Quarry color palette (#FAF3F8, #ABC3FB, #9880C7, #587BD6, #301D26)
• Tempered Terrace color palette (#F9F3F7, #E0D7D7, #CFBCBA, #8487CC, #4E444A)
• Softworn Lagoon Meadow color palette (#F3E3F4, #359869, #00386A, #001025, #000206)
• Antique Mulberry Studio color palette (#FAEAEC, #E5A18D, #844A83, #4E214D, #260D12)

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