Aged Petrol color palette — #FAF4EE · #C3E5DB · #7489BD · #006F7C · #5A3E4D

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

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Silver (#C3E5DB): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#7489BD): A luminous, balanced violet — the color of a velvet chair.
• Teal (#006F7C): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#5A3E4D): A full-bodied, dusty rose — the color of pressed rose petals.

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

• Washed Cypress Veranda color palette (#FBF3EF, #CCE3D0, #5D93A9, #167358, #225147)
• Dusty Cobalt Pier color palette (#F4F6EE, #C3E3E7, #83A8D5, #0085B3, #5A3C57)
• Timeworn Thicket color palette (#FFF3E7, #ABD4F3, #507CD2, #00656D, #3B376D)
• Patina Petrol color palette (#E9F4F4, #C9DFF4, #6D90BA, #00678B, #1B2D45)
• Hushed Pewter Loft color palette (#FBF3EF, #CCE6E4, #79A496, #5E7755, #5F4B5D)
• Rose Studio color palette (#FFF2EE, #C96570, #008E86, #256C8E, #4D2F27)
• Cerulean Loft color palette (#FEF3ED, #ACCFB1, #0085A6, #076247, #173D5C)
• Worn Studio color palette (#F7E6DD, #5B9C9D, #005264, #00321E, #001625)

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