Aged Petrol color palette — #E6DED3 · #96BCA2 · #0080A4 · #005A53 · #002237

Cerulean and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Bone (#E6DED3): bright and airy, almost weightless.
• Sage (#96BCA2): A luminous, dusty teal — the color of shallow lagoons.
• Cerulean (#0080A4): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005A53): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#002237): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, 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

• Chalky Cobalt color palette (#EBE3D7, #8FBDAE, #3C73C5, #005768, #111255)
• Worn Cerulean color palette (#E9FBEC, #8BDAEA, #0087AC, #00524C, #000E1B)
• Denim Bloom color palette (#EFE3DD, #4DAEBD, #005E88, #004029, #0A194B)
• Tempered Denim color palette (#EDE5D9, #799C81, #006279, #003C34, #000B14)
• Timeworn Azure Harbor color palette (#F4E4F0, #6BD1E3, #009CE2, #008159, #0D1A49)
• Periwinkle Summit color palette (#FAF4EC, #B9DED1, #6198DB, #00798D, #2A3863)
• Aged Lagoon Studio color palette (#F8F5EF, #CEE3DD, #80BDC8, #3D997D, #355244)
• Dusty Pine color palette (#E1ECD2, #8ECAC3, #28B7D4, #27791E, #002A24)

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