Petrol Archive color palette — #F4F6EF · #CAE2E5 · #AA8EAD · #3F768F · #604A5F

Slate takes the lead with Dusty Rose close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Silver (#CAE2E5): A whisper-light, dusty blue — the color of deep harbor water.
• Dusty Rose (#AA8EAD): A luminous, dusty pink — the color of neon signs at night.
• Slate (#3F768F): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal Brown (#604A5F): A full-bodied, dusty pink — the color of peonies in June.

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

Use it as a design system

One click turns Petrol Archive 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

• Lilac Ridge color palette (#FFF1F5, #AB87C1, #B27779, #4C7BA3, #503C42)
• Tempered Cypress color palette (#F5F6EE, #CAE2DE, #6CA3B4, #3C7A7B, #355145)
• Cerulean Pier color palette (#FAF3F5, #DBDEEC, #9AB1E1, #3395A1, #49516E)
• Aged Iris color palette (#FFF0F8, #B5A9E0, #907AB7, #6E5684, #6B4651)
• Ancient Driftwood Dune color palette (#FFF1F4, #E3D7D2, #ACB09A, #AA8691, #5B4749)
• Tempered Driftwood Drift color palette (#FFF1F4, #E5C2E8, #9A74A3, #69436C, #522C35)
• Dusty Turquoise color palette (#FFF1F6, #BAA4D6, #50A8B3, #7E659B, #395540)
• Dusty Boulevard color palette (#EEF0E2, #7DBDCD, #007391, #004F54, #003347)

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