Softworn Petrol color palette — #FAF2FC · #D6A0AB · #9B8C57 · #4169A6 · #4F3955

A conversation between Slate and Caramel, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FAF2FC): a clean, paper-quiet neutral.
• Rosewood Mist (#D6A0AB): A luminous, dusty red — the color of embers at dusk.
• Caramel (#9B8C57): A luminous, dusty green — the color of fresh herbs.
• Slate (#4169A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#4F3955): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged 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

• Pewter Field color palette (#FCF2F7, #D7A587, #719967, #75579F, #5E381F)
• Teal Alley color palette (#FFF2ED, #FFB5B5, #53ABA2, #576B92, #472F45)
• Olive Balcony color palette (#FCF3ED, #C38867, #577D3A, #135D6D, #5A3546)
• Petrol Grove color palette (#EBF9F3, #B3B679, #5D95AF, #1A7295, #59344E)
• Taupe Lagoon color palette (#FCEDF3, #BE916B, #455F53, #443239, #261F25)
• Aged Denim color palette (#F6F3FF, #DBC9D9, #95AD96, #7C7C94, #574E69)
• Washed Sand Dune color palette (#FFF0F8, #FFB388, #8DB784, #5B8EA8, #433E5A)
• Lagoon Basin color palette (#F9F3F7, #D7E0EF, #8AB7DC, #47987C, #45536E)

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