Aged Petrol color palette — #ECF3F6 · #D4D7DF · #BABBCD · #278293 · #202E35

A conversation between Cerulean and Ash, giving this palette its sense of trust and stability.

The five colors

• Ivory (#ECF3F6): bright and airy, almost weightless.
• Silver (#D4D7DF): bright and airy, almost weightless.
• Ash (#BABBCD): A luminous, dusty violet — the color of twilight just after sunset.
• Cerulean (#278293): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#202E35): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Worn Terrace color palette (#F1F7F2, #D0E0E2, #D4BFC1, #3C8087, #424A43)
• Patina Lagoon Ridge color palette (#EAF5F1, #8FBEB8, #418467, #1A6060, #0A2E2B)
• Tempered Denim color palette (#EBF3F9, #C6D5E8, #9EABC8, #00638B, #091C29)
• Hushed Boulevard color palette (#DBE4EA, #97A1AB, #6B7D97, #003D4E, #00050A)
• Softworn Chestnut color palette (#E4F5FF, #A8B7C9, #7881A6, #7A4F3B, #22432A)
• Timeworn Sapphire Quarry color palette (#EEF2F8, #D9D4E2, #BCBDD3, #3C5DD8, #1D2533)
• Petrol Market color palette (#E4F8E8, #61A8BE, #446AAA, #762A20, #0A2537)
• Antique Orchard color palette (#EAEBF3, #B3B1C0, #9387A4, #532685, #08081B)

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