Worn Petrol color palette — #F0F7F4 · #E2D7D8 · #C5ACB1 · #1B6A9B · #2C3F39

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

The five colors

• Ivory (#F0F7F4): bright and airy, almost weightless.
• Silver (#E2D7D8): a clean, paper-quiet neutral.
• Rosewood Mist (#C5ACB1): A luminous, dusty red — the color of late-summer berries.
• Peacock (#1B6A9B): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#2C3F39): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

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

• Cobalt Study color palette (#EEF8F5, #E7D7DA, #D3BABA, #5384B5, #323D3A)
• Antique Petrol Pier color palette (#ECF3F9, #D6D4E0, #B0B6CD, #2C689F, #192129)
• Patina Boulevard color palette (#FAF3F6, #E1D8D5, #A8AEA3, #8778AB, #5A4F54)
• Hushed Byzantium Corridor color palette (#FBF2F4, #E6D7CC, #CDB7AB, #8E499E, #4B3B3E)
• Grape Study color palette (#FBF2F7, #DFCED0, #C69A93, #5938C2, #452839)
• Ancient Navy Hollow color palette (#E8E0E9, #C4B4BC, #A78388, #004481, #261A27)
• Antique Forest Alley color palette (#DFF4D7, #8BA99E, #946978, #3A634B, #0E4C55)
• Dusty Studio color palette (#FFF2EA, #AE9771, #5B6B26, #5B3D68, #39352F)

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