Softworn Petrol color palette — #E1F5F0 · #7EBFBE · #00848E · #005A50 · #00242B
A conversation between Teal and Pine, giving this palette its sense of trust and stability.
The five colors
- Cream (#E1F5F0): A whisper-light, dusty teal — the color of glacier melt.
- Mint Leaf (#7EBFBE): A luminous, dusty teal — the color of sea glass.
- Teal (#00848E): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005A50): A full-bodied, dusty teal — the color of sea glass.
- Midnight (#00242B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Softworn Petrol Workshop color palette (#DEECEA, #68ADC1, #007191, #00494F, #001623)
- Glacier Cabin color palette (#F6F6E9, #67E2E3, #008A96, #00524A, #000F14)
- Patina Cerulean Study color palette (#E5F2F0, #A4CBDD, #0095B6, #006B6F, #003345)
- Cobalt Ridge color palette (#D5E6E5, #8FB6D7, #1976CB, #005571, #001B4B)
- Aubergine Drift color palette (#E5E2FF, #A769BD, #00829D, #7E009E, #001F27)
- Worn Fern Garden color palette (#DDF6EA, #89925D, #666400, #473D00, #111A00)
- Hushed Atelier color palette (#FBE1FD, #A04EA8, #C50E00, #0052B6, #220026)
- Soft Ridge color palette (#E3DEF0, #EDA5CF, #E97EA0, #87379D, #3B1030)
Browse the whole catalog at Explore, or see today's palette.