Softworn Petrol color palette — #F7EAF3 · #7FBEBE · #00748B · #005334 · #00314C
Teal takes the lead with Forest close behind in a set that reads as nature and growth at first glance.
The five colors
- Blush (#F7EAF3): a clean, paper-quiet neutral.
- Mint Leaf (#7FBEBE): A luminous, dusty teal — the color of sea glass.
- Teal (#00748B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005334): A deep, shadowed, balanced teal — the color of glacier melt.
- Deep Teal (#00314C): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Timeworn Cerulean color palette (#FCF1FA, #9CCDE1, #3782A2, #00624D, #1E3C5B)
- Tempered Delta color palette (#F9EAF0, #8BB8D5, #3967AF, #004F53, #272658)
- Cypress Lagoon color palette (#E9EADF, #A0BCA1, #007A82, #004C43, #001A1F)
- Ancient Emerald Courtyard color palette (#F6ECE7, #BCDEBD, #00B7DA, #009662, #083149)
- Muted Cypress Coast color palette (#FAF3F8, #D3E2F2, #6BA2B7, #427C65, #3F556A)
- Misty Fern Studio color palette (#D0FDF6, #86D6C2, #52A5C5, #665D00, #0F3C24)
- Aged Navy Loft color palette (#FAE7EF, #6895B5, #1B4492, #002F33, #120340)
- Hazy Studio color palette (#BBF4CF, #5CAC6B, #00643A, #00341A, #001F0C)
Browse the whole catalog at Explore, or see today's palette.