Aged Petrol color palette — #EDF6FF · #86B6DD · #B99159 · #3B78A7 · #3E543D

A conversation between Slate and Caramel, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EDF6FF): bright and airy, almost weightless.
• Sky (#86B6DD): A luminous, dusty blue — the color of deep harbor water.
• Caramel (#B99159): A luminous, balanced gold — the color of afternoon light on wheat.
• Slate (#3B78A7): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Olive (#3E543D): A full-bodied, dusty green — the color of fresh herbs.

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

• Worn Petrol color palette (#EDF7FF, #81B7DC, #C08A75, #3A79A1, #634056)
• Hushed Pewter Garden color palette (#F3F4FF, #B5A6DB, #959F6C, #7866A2, #2B5748)
• Cobalt Terrace color palette (#EEF6FF, #A5C8EC, #D3A877, #4991D4, #3C543A)
• Worn Periwinkle color palette (#EEF6FF, #6B9BD3, #A28453, #737443, #334457)
• Lagoon Villa color palette (#ECF9F2, #9DC1B8, #618B76, #74525D, #354D4D)
• Aged Atelier color palette (#EFF6FF, #B7C8F4, #697CB0, #344E78, #203753)
• Hushed Stone Delta color palette (#F0F5FF, #B4C89D, #545B81, #2C3852, #26232F)
• Timeworn Shell Corridor color palette (#FDF1F8, #CBD1FF, #FFB09B, #9CA3E0, #534B47)

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