Worn Petrol Coast color palette — #F9F3FA · #E7D4D9 · #BFADBA · #3E6790 · #3F3840

A conversation between Peacock and Ash, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F9F3FA): bright and airy, almost weightless.
• Silver (#E7D4D9): A whisper-light, dusty rose — the color of strawberry cream.
• Ash (#BFADBA): A luminous, dusty pink — the color of neon signs at night.
• Peacock (#3E6790): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#3F3840): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Worn Petrol Coast 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 Cerulean Coast color palette (#F0F6FC, #D9D8E3, #C2BACF, #5085B3, #333C45)
• Timeworn Pier color palette (#EBF4F1, #E0D4D6, #C3B1BB, #3F698C, #152420)
• Nightshade Study color palette (#FFF0F7, #E8C9D4, #C499A4, #6241A8, #432A36)
• Mulberry Veranda color palette (#FFF1F3, #EAD5CB, #D3B3B2, #8E4E8F, #4D3A3D)
• Timeworn Driftwood color palette (#FCF2F5, #E3D7D4, #AFAEA3, #9B7683, #594F53)
• Muted Market color palette (#F2E7F1, #C4B3C0, #A18495, #21427D, #281927)
• Periwinkle Parlor color palette (#FFF0FD, #A6D1FF, #6E9BFF, #7064B1, #41273A)
• Cocoa Study color palette (#DFE4FF, #A196C3, #886F95, #724F44, #6A3208)

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