Worn Petrol Grove color palette — #FFF0F7 · #FED2D3 · #E5A690 · #2C6DA2 · #562E36

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

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Shell Pink (#FED2D3): A whisper-light, dusty red — the color of late-summer berries.
• Melon (#E5A690): A luminous, balanced orange — the color of sun-warmed clay.
• Slate (#2C6DA2): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#562E36): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Trust, Stability, Warmth, Comfort, Sophistication. Tagged pastel, light, muted, warm.

Use it as a design system

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

• Indigo Pier color palette (#FFF1F1, #F3D0C1, #C4AA5C, #6E60AB, #543530)
• Dusty Cypress color palette (#E0FDF2, #E5E1FF, #D392B5, #008283, #55344B)
• Timeworn Blush Balcony color palette (#EFF1FF, #EECDEA, #E790AE, #596095, #211E31)
• Washed Nightshade Pier color palette (#FFDCEA, #D696B2, #C7723F, #2445AD, #3A1733)
• Aged Workshop color palette (#FFF1F1, #E2DCD0, #C4CCA3, #9681B6, #654C44)
• Ash Balcony color palette (#F1F5FF, #FED4DF, #E9C79D, #7DA4CA, #3A3751)
• Weathered Workshop color palette (#FFECE4, #F2C791, #85AB6C, #9B3177, #4F2A1C)
• Washed Coast color palette (#FFE9E5, #A94E6A, #775D00, #004F52, #3E1B15)

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