Softworn Petrol color palette — #F0E5ED · #7DC0CA · #00759C · #004D3C · #001630

Built around Teal, softened by Forest — the whole palette hums with trust and stability.

The five colors

• Blush (#F0E5ED): bright and airy, almost weightless.
• Ash (#7DC0CA): A luminous, dusty blue — the color of deep harbor water.
• Teal (#00759C): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004D3C): A deep, shadowed, dusty teal — the color of sea glass.
• Midnight (#001630): 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

• Dusty Petrol Pier color palette (#F8ECE6, #7CBEC7, #00709F, #005334, #192C55)
• Antique Denim Grove color palette (#E7DAE0, #42A8D5, #0C599E, #003939, #050527)
• Quiet Courtyard color palette (#FDEDF3, #9AD9FF, #4C83D1, #006165, #1E1E4B)
• Worn Meadow color palette (#F5F6EC, #AEF3FF, #00A2C2, #006A6B, #00222F)
• Ash Hollow color palette (#F7EFF4, #D4D2E9, #6EA4C5, #3C776B, #293749)
• Muted Navy Thicket color palette (#F1E1EA, #3183A1, #003E6A, #001F1E, #00000C)
• Hazy Brick color palette (#FDD9D1, #C22500, #006B76, #005276, #180214)
• Aged Scarlet Workshop color palette (#F8E4F3, #D9432E, #00788F, #860C00, #00151B)

Browse the whole catalog at Explore, or see today's palette.