Softworn Petrol color palette — #F8E9F4 · #81C4CB · #007292 · #00402E · #000308

Teal and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F8E9F4): A whisper-light, dusty pink — the color of peonies in June.
• Ash (#81C4CB): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#007292): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#00402E): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000308): 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

• Wandering Ultramarine color palette (#F9E9EE, #8DBCE5, #3C5EC3, #003D44, #030011)
• Timeworn Cobalt color palette (#FFF0F9, #A7D3EA, #0082C2, #00524A, #000532)
• Dusty Cerulean color palette (#E4E5D7, #72BFC5, #0093A7, #006D68, #00171E)
• Weathered Cerulean Garden color palette (#D7F2ED, #009CA6, #00535F, #002C29, #000508)
• Washed Sky Station color palette (#D4FFFD, #89E6D4, #06B9EF, #495400, #000B06)
• Ancient Turquoise Quarry color palette (#FAF3F8, #D5D4E2, #57B2DC, #008268, #0D2F52)
• Weathered Grove color palette (#A0F3CA, #07B27C, #006439, #00180F, #000201)
• Muted Moss color palette (#EBE9CE, #7F9100, #236000, #002916, #000503)

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