Softworn Petrol color palette — #EAF4F8 · #D5B8D7 · #3C687A · #1C353F · #09161B

Peacock and Lavender set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#EAF4F8): a clean, paper-quiet neutral.
• Lavender (#D5B8D7): A luminous, dusty pink — the color of peonies in June.
• Peacock (#3C687A): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Teal (#1C353F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#09161B): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Sophistication. Tagged luxury, dark, muted.

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

• Denim Balcony color palette (#EAF3FF, #D0AC85, #3B5580, #132843, #050D18)
• Softworn Coast color palette (#EDF7FA, #A7CBAF, #346771, #00423F, #1E2830)
• Abyss Lantern color palette (#F0F8F1, #EDC7BF, #4C898E, #0E585D, #232F25)
• Driftwood Market color palette (#EBF4F5, #97D1C5, #8B76B1, #228274, #14151F)
• Antique Loft color palette (#E9F3FD, #6998C7, #605F96, #6D3B1A, #102028)
• Cobalt Field color palette (#E8F6EB, #74B9BB, #6A75A6, #624F20, #192F3C)
• Ancient Chapel color palette (#D3E2EF, #C4736F, #003D5C, #001422, #000205)
• Weathered Harbor color palette (#E7F4FA, #3BA5B3, #A6727E, #834A5A, #14252C)

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