Worn Petrol color palette — #F8E9F4 · #84C3CC · #007195 · #003F31 · #000309

Built around Peacock, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Blush (#F8E9F4): A whisper-light, dusty pink — the color of peonies in June.
• Ash (#84C3CC): A luminous, dusty blue — the color of a favorite pair of jeans.
• Peacock (#007195): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#003F31): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000309): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Worn 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

• Patina Cobalt color palette (#FDF1F8, #98D6F0, #347FBD, #00524E, #030430)
• Washed Denim color palette (#EEDBE2, #75A9CD, #234FA3, #002B2E, #010009)
• Tempered Cerulean Orchard color palette (#DFE1CF, #6ABFCB, #0092AB, #006D6C, #00171F)
• Wandering Parlor color palette (#D7EBE8, #4797A3, #005262, #002C2B, #000509)
• Pale Brick Alley color palette (#FFE5DD, #B43300, #006471, #004A5E, #040000)
• Ancient Cypress color palette (#FBF2F8, #D5D4E1, #6DAFD6, #00816F, #182F4C)
• Weathered Harbor color palette (#FFE8E4, #D64431, #007487, #740800, #000102)
• Worn Thicket color palette (#F2EDD4, #7D9034, #5A4D00, #311C00, #000200)

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