Softworn Petrol color palette — #FFEFDB · #5FABAA · #3A6EA5 · #5E4000 · #062A18
A conversation between Slate and Bronze, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFEFDB): A whisper-light, dusty gold — the color of old brass.
- Turquoise (#5FABAA): A luminous, dusty teal — the color of sea glass.
- Slate (#3A6EA5): A full-bodied, balanced blue — the color of open sky before noon.
- Bronze (#5E4000): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Deep Forest (#062A18): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged retro, 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 Villa color palette (#EDF5E5, #589D83, #735493, #533D00, #002616)
- Dusty Fern Delta color palette (#F6F2E2, #7AB5CE, #7373A2, #535617, #14322B)
- Softworn Garnet Archive color palette (#FFEEE5, #77AB82, #007987, #732B2F, #1B270F)
- Worn Cobalt color palette (#F1F8E6, #4AA3CB, #1E6BB8, #68386D, #28443B)
- Chalky Loft color palette (#FBEDCF, #008EA8, #3935C2, #393100, #001422)
- Timeworn Cabin color palette (#FFF1F5, #56C4CA, #5187D3, #84592A, #2A414D)
- Weathered Cypress Courtyard color palette (#F6F2E6, #B6B695, #518165, #235F64, #2A290F)
- Grape Terrace color palette (#F2F5D4, #2F99E0, #7247A7, #2C4700, #0A193F)
Browse the whole catalog at Explore, or see today's palette.