Worn Petrol color palette — #F9F2FB · #DE9CAB · #4F9C8D · #406C9B · #274464

A conversation between Slate and Rosewood Mist, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F9F2FB): bright and airy, almost weightless.
• Rosewood Mist (#DE9CAB): A luminous, balanced red — the color of embers at dusk.
• Fern (#4F9C8D): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#406C9B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#274464): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

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

• Antique Cypress Station color palette (#FAF2FA, #E09CA0, #549C86, #007B61, #254560)
• Softworn Petrol color palette (#F7F3FF, #D09FC6, #859458, #5B639E, #573551)
• Aged Teal Harbor color palette (#FFF2ED, #FFB5B4, #4AAAB1, #3E728D, #164135)
• Tempered Shell color palette (#FFF0FA, #FFB19B, #9EB27D, #5192A1, #3E3F5D)
• Aged Lagoon color palette (#F8F3F8, #D4D6EA, #90B7D2, #5E9570, #41546D)
• Worn Cypress color palette (#F3F4FE, #BAA8D3, #B67A75, #007A6E, #4A3A5E)
• Aged Mulberry Lantern color palette (#FDF1F9, #DA8E7C, #0090A4, #903D5F, #5A2139)
• Washed Ash color palette (#ECF8F5, #B8D8DA, #79A3B1, #837695, #345355)

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