Softworn Petrol color palette — #E2F3E5 · #5DB2B2 · #007383 · #004C3B · #001720
Teal and Turquoise set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#E2F3E5): A whisper-light, dusty teal — the color of glacier melt.
- Turquoise (#5DB2B2): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#007383): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004C3B): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001720): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Dusty Drift color palette (#DCEBDE, #89B9CF, #0080A7, #005A54, #002138)
- Worn Petrol Villa color palette (#F7EDDC, #6CC8C9, #007484, #003F30, #000305)
- Denim Courtyard color palette (#DCE6DE, #6B9AB0, #005D92, #003B40, #00071F)
- Powdered Iris Thicket color palette (#C7E4F0, #6AC0E7, #5B91E8, #00675C, #001D25)
- Wandering Lagoon color palette (#D0EEE1, #00927E, #006262, #003B3F, #001922)
- Hushed Cerulean Canyon color palette (#E7F2E9, #95D2CE, #0098A5, #006F50, #003441)
- Pine Canyon color palette (#EEDAD4, #57C3C5, #0090B7, #007230, #00132E)
- Weathered Veranda color palette (#C7ECF9, #00888E, #C00023, #004F53, #260002)
Browse the whole catalog at Explore, or see today's palette.