Aged Petrol color palette — #F6ECE6 · #8EBEA8 · #376BA1 · #00504F · #222954

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

The five colors

• Cream (#F6ECE6): bright and airy, almost weightless.
• Mint Leaf (#8EBEA8): A luminous, dusty teal — the color of sea glass.
• Slate (#376BA1): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00504F): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#222954): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, 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

• Cobalt Summit color palette (#FAF4EE, #A8CFC1, #5877B2, #005F66, #36355C)
• Antique Petrol Chapel color palette (#DFECEB, #93B9D2, #0473A5, #004957, #00172B)
• Ancient Teal Harbor color palette (#FAE8DF, #5BAFAC, #006272, #004123, #002234)
• Periwinkle Coast color palette (#F9EAF1, #B0D9F4, #52A9FF, #00918E, #222A50)
• Muted Bronze Delta color palette (#F6D8BD, #B8670E, #007692, #6D3A00, #002E3B)
• Dusty Cypress Workshop color palette (#FBF3EF, #CBE4CF, #5094AE, #117356, #235147)
• Aged Ash Quarry color palette (#FAF4EE, #CDE5E6, #819BBF, #40797C, #614A5A)
• Navy Terrace color palette (#EADFD2, #5885AC, #1F347F, #002227, #0B0027)

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