Softworn Petrol color palette — #F0F8EF · #D4AC7C · #989655 · #1971A4 · #301D28
Built around Slate, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#F0F8EF): bright and airy, almost weightless.
- Camel (#D4AC7C): A luminous, dusty gold — the color of honey in a jar.
- Moss (#989655): A luminous, balanced green — the color of new leaves after rain.
- Slate (#1971A4): A full-bodied, balanced blue — the color of deep harbor water.
- Onyx (#301D28): A deep, shadowed, dusty pink — the color of peonies in June.
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
- Washed Petrol color palette (#EDF9F1, #CCBD8B, #6F9A62, #605DA1, #192A19)
- Patina Cypress Hollow color palette (#FAF2F9, #EAADAA, #B17D5A, #007877, #2B2030)
- Ancient Petrol color palette (#FCF2F6, #EBC3A1, #B89169, #2C729B, #552C12)
- Hushed Petrol Chapel color palette (#EEF9ED, #F0D1F4, #B89F67, #676DA6, #4C3845)
- Apricot Atelier color palette (#F0F8EF, #D3A46E, #415B52, #212F20, #140D12)
- Timeworn Teal color palette (#FDF3EE, #F4AE9F, #50BC9C, #5A8DBA, #3F2B2F)
- Moss Cabin color palette (#E5FBF1, #999F00, #7B8000, #005C94, #1C0600)
- Softworn Amber color palette (#FBEDF8, #D0735D, #397A62, #214C6C, #1C1827)
Browse the whole catalog at Explore, or see today's palette.