Aged Petrol color palette — #F0F7F4 · #99C7E7 · #AD675F · #1474A9 · #332C29

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

The five colors

• Ivory (#F0F7F4): bright and airy, almost weightless.
• Sky (#99C7E7): A luminous, dusty blue — the color of open sky before noon.
• Mocha (#AD675F): A full-bodied, balanced orange — the color of sun-warmed clay.
• Slate (#1474A9): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#332C29): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged duotone, 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

• Weathered Driftwood Harbor color palette (#F0F7F2, #A6CBAF, #A56689, #007B88, #3C2828)
• Indigo Courtyard color palette (#FBF2F7, #DCB2C8, #A47133, #6C5DB3, #322D27)
• Orchid Delta color palette (#EEF2F9, #AAC3F8, #A766AF, #5670A9, #161420)
• Softworn Alley color palette (#F9F3F8, #BCD1FE, #C482B3, #718BC4, #39292A)
• Antique Forest Alley color palette (#F0F8E9, #7EAED2, #8A6995, #006951, #554050)
• Patina Ridge color palette (#F9F3F7, #E1D8D6, #AAADA1, #797EAB, #594F55)
• Fern Station color palette (#FFF1F5, #917AA6, #81506E, #455500, #3E2B34)
• Softworn Coral Villa color palette (#FEF1F7, #D1E3FF, #C8C0FF, #DE7175, #5F4447)

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