Softworn Petrol color palette — #FAF0E7 · #B27940 · #5463AF · #6D4722 · #23180D

Slate takes the lead with Caramel close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Cream (#FAF0E7): bright and airy, almost weightless.
• Caramel (#B27940): A luminous, balanced gold — the color of old brass.
• Slate (#5463AF): A full-bodied, balanced violet — the color of twilight just after sunset.
• Bronze (#6D4722): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Ink (#23180D): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Muted Cobalt color palette (#F5F2E5, #9FA163, #7266A8, #703A3D, #3E1D12)
• Wandering Bronze color palette (#F7F1EA, #AA7A41, #007689, #6F3D57, #20170D)
• Dusty Indigo color palette (#EFF4E8, #4B9A79, #6066B8, #6C3D00, #192010)
• Lagoon Harbor color palette (#FFEDE9, #A5B37D, #0B898B, #714057, #2B2E1A)
• Feathered Ultramarine color palette (#F8F2DB, #777F00, #3304E6, #542800, #0C0D00)
• Antique Field color palette (#EBF9F5, #B6CA85, #6B8DCD, #815278, #322026)
• Weathered Nightshade color palette (#EFF4E7, #007F4E, #4E34B5, #4E2700, #090E00)
• Dusty Lagoon color palette (#FFF0D3, #B6CD98, #449571, #005D62, #002E43)

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