Aged Petrol color palette — #F0F6FA · #D9DAE2 · #C1BCCE · #00819E · #40494E

Cerulean and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F0F6FA): bright and airy, almost weightless.
• Silver (#D9DAE2): bright and airy, almost weightless.
• Ash (#C1BCCE): A luminous, dusty violet — the color of a velvet chair.
• Cerulean (#00819E): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#40494E): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Cerulean Drift color palette (#F1F6FB, #DBD9DF, #B7A7A7, #6784A8, #4C535C)
• Wandering Petrol color palette (#EDF4F0, #CFD9DA, #D1B9C2, #3F7E98, #232F2A)
• Denim Balcony color palette (#EDF6FF, #CAD3E4, #A0A3C9, #005F94, #243543)
• Cypress Lantern color palette (#EBF9F4, #89BBB6, #328370, #226375, #214A47)
• Washed Basin color palette (#F2F5FC, #DDD6E1, #BFB7CF, #535ACC, #39404F)
• Timeworn Abyss color palette (#DCE7EE, #A0AAB8, #747DA1, #003D54, #061620)
• Weathered Petrol Lantern color palette (#E4FCF1, #55A6AF, #4C69A0, #5F4B00, #224153)
• Wandering Delta color palette (#E5ECF5, #9599AA, #716D85, #041A77, #020919)

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