Softworn Petrol color palette — #F0F7F2 · #CCDEDD · #9DC7B6 · #007889 · #324538
A conversation between Teal and Stone, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F0F7F2): bright and airy, almost weightless.
- Silver (#CCDEDD): bright and airy, almost weightless.
- Stone (#9DC7B6): A luminous, dusty teal — the color of glacier melt.
- Teal (#007889): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#324538): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Patina Pine color palette (#F3F7EE, #CDDFD6, #AEC3A9, #057E5A, #324800)
- Softworn Petrol color palette (#EFF7F5, #EED7DF, #CCB3C8, #0070AE, #33443F)
- Timeworn Denim Study color palette (#E7F1EC, #C0D0CA, #8AA89F, #005E76, #23322A)
- Dusty Basin color palette (#FAF3F6, #E1D7D6, #B1ADA2, #9C748A, #585054)
- Wandering Pine Market color palette (#F6F7E7, #72B67A, #007E4B, #005F4E, #214426)
- Hushed Chapel color palette (#DEE6E3, #C1B4C1, #A1839B, #004874, #10241E)
- Hushed Cobalt color palette (#E3FCF1, #74E6FF, #00B4EC, #0078DA, #003753)
- Muted Indigo Grove color palette (#E1F0FF, #99B4EB, #7874C3, #7C4A65, #66423A)
Browse the whole catalog at Explore, or see today's palette.