Aged Petrol color palette — #F5EDE0 · #72C5DA · #007197 · #003E3C · #000308

Peacock and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F5EDE0): bright and airy, almost weightless.
• Sky (#72C5DA): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#007197): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#003E3C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000308): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Aged Ultramarine Thicket color palette (#F6EDDF, #88BDE8, #005ED7, #003C4A, #010014)
• Washed Cobalt color palette (#FDF4E6, #A2D4EF, #007ED1, #005059, #000630)
• Hushed Denim Hollow color palette (#F1E3ED, #4A96A9, #004F74, #002C26, #000313)
• Muted Courtyard color palette (#FAF4EC, #B1F2FF, #00A0CC, #006B63, #002136)
• Airy Loft color palette (#F2E4DC, #38C3DE, #008BD2, #007051, #07093F)
• Linen Grove color palette (#E8E8D6, #6F6A00, #00617E, #790053, #010100)
• Hushed Sky color palette (#F9F4EE, #D5D6E5, #48B1EC, #007F81, #3C243F)
• Patina Bronze color palette (#F7E3D1, #AE7900, #635100, #282500, #030500)

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