Washed Petrol color palette — #F5EBF4 · #93B8C5 · #007298 · #00532C · #102C58

Built around Peacock, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Blush (#F5EBF4): a clean, paper-quiet neutral.
• Ash (#93B8C5): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#007298): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Olive (#00532C): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Navy (#102C58): A deep, shadowed, balanced blue — the color of open sky before noon.

Feels like: Nature, Growth, 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

• Cobalt Archive color palette (#F9F3F8, #ABCAD9, #317FB2, #006246, #2E395B)
• Sapphire Bloom color palette (#F9EAEF, #9AB5CD, #4D61B1, #004F50, #34234F)
• Ancient Petrol Station color palette (#F0E8DB, #73C3C7, #00788C, #004D3F, #001924)
• Washed Denim Atelier color palette (#E9DAE3, #6FA8BC, #00599C, #003F33, #18134E)
• Quiet Sapphire color palette (#CBE6D2, #9B7A00, #2768C0, #5A4600, #002659)
• Washed Pine color palette (#F9F3F8, #D6D6EB, #72A0BC, #327F5B, #42536E)
• Powdered Boulevard color palette (#FCEAE4, #88E5EB, #4DB1DC, #42915E, #192E4D)
• Patina Navy color palette (#ECDEE8, #5E879C, #003E6B, #00231A, #05002C)

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