Aged Petrol color palette — #F2E4ED · #7CBFD1 · #0073A7 · #004C42 · #021336

Slate and Midnight set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F2E4ED): a clean, paper-quiet neutral.
• Sky (#7CBFD1): A luminous, dusty blue — the color of open sky before noon.
• Slate (#0073A7): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004C42): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#021336): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. 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

• Weathered Petrol Alley color palette (#F6ECE6, #7BBDCD, #006EA9, #00523B, #1E285A)
• Aged Ultramarine color palette (#F2DFE6, #6CA3C8, #1050B6, #00393C, #090328)
• Cobalt Atelier color palette (#FBEEF2, #A5D6FF, #607FCC, #00606B, #241E44)
• Wandering Azure Alley color palette (#F5F6EB, #BAF0FF, #0BA0CA, #006970, #002232)
• Ash Pier color palette (#F7EFF4, #D6D1E7, #7FA0BF, #40747E, #2A374A)
• Patina Lagoon color palette (#EBDDE7, #009DA3, #005266, #002D1D, #00050C)
• Airy Garden color palette (#E9DEF6, #B51B8A, #007143, #00594D, #1B0011)
• Amber Garden color palette (#EBDFFF, #FFA0B0, #D18943, #695186, #1E0F25)

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