Aged Petrol color palette — #E8E9FB · #D0A2C7 · #CC896D · #3D77A7 · #193A55

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

The five colors

• Frost (#E8E9FB): A whisper-light, dusty violet — the color of wild irises.
• Mauve (#D0A2C7): A luminous, dusty pink — the color of neon signs at night.
• Camel (#CC896D): A luminous, balanced orange — the color of sun-warmed clay.
• Slate (#3D77A7): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#193A55): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Aged 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

• Basalt Terrace color palette (#F0E6FE, #D9A8BC, #B3879A, #6973A9, #3E2759)
• Petrol Coast color palette (#D8ECFF, #B0B0E1, #AE84A0, #008091, #133752)
• Cerulean Ridge color palette (#D7E1FB, #CBC4EB, #CC9A90, #5189B5, #3C445D)
• Denim Chapel color palette (#EBE4FA, #BC95B8, #B96F51, #3B5CA6, #2F1D4B)
• Hushed Amber Basin color palette (#FFF1F6, #EBA7A8, #BC7742, #196D59, #003539)
• Timeworn Ash color palette (#F7F3FF, #EFD2D6, #AECDBB, #9E99BA, #525062)
• Ember Corridor color palette (#F2D4E7, #F78E6D, #00B3D5, #DE4600, #002F39)
• Weathered Tangerine color palette (#F2DCE6, #EC7C1B, #00A7C2, #3E81B9, #341600)

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