Softworn Petrol color palette — #D9E7E1 · #BD9FA2 · #A5857E · #056A9B · #000D08

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

The five colors

• Parchment (#D9E7E1): bright and airy, almost weightless.
• Taupe (#BD9FA2): A luminous, dusty red — the color of late-summer berries.
• Caramel (#A5857E): A luminous, dusty orange — the color of toasted spice.
• Peacock (#056A9B): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#000D08): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

One click turns Softworn 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 Drift color palette (#E2EDE1, #8DA6A6, #AC8CA6, #00726F, #040C03)
• Worn Harbor color palette (#EADFE5, #B99A91, #9D836E, #6056A4, #13040C)
• Patina Navy Harbor color palette (#D8E2ED, #9BA5B7, #7F859C, #00477A, #030A13)
• Timeworn Onyx color palette (#DEE3E9, #878D9A, #676980, #002C4A, #000104)
• Indigo Field color palette (#F1E9EE, #D0BBB5, #BCA18D, #7776C3, #291A23)
• Hushed Bronze Meadow color palette (#F9EADD, #A18600, #4B6F09, #543B6A, #0A0500)
• Iris Loft color palette (#D2E3EB, #7E77CC, #86596F, #415417, #0D1400)
• Misty Terracotta Meadow color palette (#C8E6DA, #007BAE, #903400, #383900, #020200)

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