Aged Petrol color palette — #F7ECE5 · #87BAD0 · #066BB4 · #00504D · #202A54

Built around Royal Blue, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Cream (#F7ECE5): bright and airy, almost weightless.
• Ash (#87BAD0): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#066BB4): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#00504D): A deep, shadowed, dusty teal — the color of glacier melt.
• Navy (#202A54): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Aged Petrol color palette (#E0ECEB, #86BCD5, #0074A3, #004956, #00172A)
• Tempered Petrol Harbor color palette (#F8ECE5, #9EBA9F, #00748B, #005333, #00324C)
• Cobalt Hollow color palette (#FCF3EC, #AACEC1, #5778AF, #005F64, #35355E)
• Softworn Ultramarine color palette (#EEE7E0, #7DA99E, #3649B5, #003D46, #221246)
• Antique Denim Basin color palette (#FAEAE2, #619AA5, #00506F, #003127, #00132E)
• Airy Quarry color palette (#FFEFF7, #E4BBE6, #CD7C7E, #29539D, #3B2344)
• Pale Periwinkle Orchard color palette (#F9EAF1, #93DFFF, #51AAFA, #00918C, #222B4D)
• Cypress Terrace color palette (#FBF3F0, #CEE3D0, #5394AB, #127353, #255146)

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