Softworn Petrol color palette — #FFF3E2 · #4CAA9A · #3E6BA6 · #654800 · #264530
A conversation between Slate and Turquoise, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF3E2): A whisper-light, dusty gold — the color of old brass.
- Turquoise (#4CAA9A): A luminous, balanced teal — the color of shallow lagoons.
- Slate (#3E6BA6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Bronze (#654800): A full-bodied, balanced gold — the color of old brass.
- Forest (#264530): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. 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
- Washed Cocoa color palette (#FFF2EC, #81A375, #00778A, #7E322B, #3B3E38)
- Tempered Fern color palette (#F6F7E4, #91B292, #6975A1, #44642E, #364E42)
- Antique Petrol color palette (#E3F9E7, #3FABC8, #3C6AB1, #6B342C, #122532)
- Cobalt Study color palette (#FFF4E2, #52C1E0, #5986CD, #914D43, #274439)
- Ancient Nightshade Chapel color palette (#ECE8B3, #008E96, #4227CD, #3E3900, #002D3F)
- Washed Mulberry color palette (#E8F3DF, #438BC9, #7B3F82, #004C3A, #43243B)
- Chalky Grape color palette (#F1FBD1, #009BC1, #723CB7, #005424, #033664)
- Weathered Delta color palette (#FCF3EF, #CBE4D2, #5091BD, #007451, #5A3C55)
Browse the whole catalog at Explore, or see today's palette.