Softworn Petrol color palette — #FCF4EA · #BB9970 · #7A8C55 · #2C6D9C · #45332F
Built around Slate, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#FCF4EA): bright and airy, almost weightless.
- Camel (#BB9970): A luminous, dusty gold — the color of old brass.
- Moss (#7A8C55): A luminous, balanced green — the color of fresh herbs.
- Slate (#2C6D9C): A full-bodied, balanced blue — the color of open sky before noon.
- Espresso (#45332F): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Nature, Growth, Trust, Stability, Optimism, 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
- Ancient Driftwood color palette (#FDF3EF, #CE908E, #9F8644, #007876, #432A30)
- Softworn Denim color palette (#F7F6EA, #A1AE72, #3C9386, #6358A0, #3C3531)
- Hushed Cocoa color palette (#FDF4E6, #E8ADA2, #A4905F, #5B6D9D, #6C3900)
- Petrol Archive color palette (#FDF3EC, #DAA385, #489C97, #386D9C, #4C395B)
- Powdered Aubergine Quarry color palette (#FBF5E5, #A18F28, #007C70, #562DA1, #321901)
- Shell Chapel color palette (#FFF2EE, #FFA3AB, #B3A067, #8F81B0, #422E2E)
- Timeworn Taupe color palette (#FAF4F0, #DBDAD3, #ACB7AC, #C58B7A, #59514C)
- Apricot Grove color palette (#FCF1FC, #FFA29F, #54A6C1, #3D6D80, #1D212D)
Browse the whole catalog at Explore, or see today's palette.