Softworn Petrol color palette — #F7ECE6 · #70C1C5 · #00748F · #005238 · #00314F
Teal takes the lead with Forest close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F7ECE6): a clean, paper-quiet neutral.
- Mint Leaf (#70C1C5): A luminous, dusty teal — the color of shallow lagoons.
- 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 (#00314F): 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
- Aged Cerulean color palette (#FFF2EC, #85D3E2, #2682AA, #10614F, #233C5A)
- Dusty Petrol Garden color palette (#F6EDE4, #87B8DA, #3D65B2, #004F55, #2A2655)
- Weathered Terrace color palette (#F0DED3, #52ACC9, #005C90, #003E39, #0D1C43)
- Misty Turquoise Garden color palette (#E7F2E9, #A8DDEE, #00B8D6, #00937A, #003346)
- Tempered Canyon color palette (#FCF3EF, #C7EDE5, #66A3BC, #5D793B, #37504A)
- Hushed Cerulean color palette (#F2E2D9, #238EA5, #004161, #00231D, #000720)
- Ancient Meadow color palette (#F2F6CF, #72E5CE, #56A3C7, #5F6120, #343731)
- Cerulean Studio color palette (#FCF3EC, #B3E4FF, #678DBA, #2B6E6E, #593D51)
Browse the whole catalog at Explore, or see today's palette.