Softworn Petrol color palette — #F7EAF3 · #8DB9C8 · #00748F · #005238 · #003150
Teal takes the lead with Forest close behind in a set that reads as trust and stability at first glance.
The five colors
- Blush (#F7EAF3): a clean, paper-quiet neutral.
- Ash (#8DB9C8): A luminous, dusty blue — the color of deep harbor water.
- Teal (#00748F): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#005238): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Deep Teal (#003150): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: 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 (#FBF2F9, #A4CCDE, #2782AB, #006250, #193B63)
- Tempered Petrol Courtyard color palette (#E9EAE0, #7FC1C3, #007985, #004C45, #001A20)
- Weathered Petrol Atelier color palette (#F9EAEF, #97B5D2, #4F63A7, #004E5A, #2F2454)
- Softworn Denim Loft color palette (#F4E9F0, #72A8BB, #005C91, #003E3A, #0B1A4A)
- Patina Lilac Atelier color palette (#D6F4FF, #92D6FD, #9999DB, #006F5B, #003B48)
- Dusty Study color palette (#D2E7D9, #00A991, #006969, #004854, #003045)
- Weathered Parlor color palette (#C7F0FF, #029CB7, #005B6F, #00323C, #001A21)
- Dusty Balcony color palette (#FAEBE4, #82E6EB, #00B6DE, #009568, #0B314A)
Browse the whole catalog at Explore, or see today's palette.