Softworn Petrol color palette — #FFF0FA · #86C5C4 · #007B92 · #005936 · #003753

Teal and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
• Mint Leaf (#86C5C4): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#007B92): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Olive (#005936): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#003753): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, 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

• Misty Cobalt Boulevard color palette (#FFF0F9, #7CC3DD, #0073B6, #005650, #142974)
• Antique Coast color palette (#F3F4E0, #5FD0CF, #008189, #005348, #001E24)
• Misty Glacier Ridge color palette (#E5FBF6, #64E1E2, #009FAA, #007467, #003A43)
• Aged Denim Cabin color palette (#F4E5EF, #67ACB1, #00617A, #00402C, #00213A)
• Patina Harbor color palette (#F9F3F7, #D6D6EB, #779FB9, #218067, #425468)
• Airy Emerald color palette (#FFF2EB, #71F1F0, #00BEE0, #009D63, #003753)
• Patina Abyss color palette (#EBDDE6, #498B9C, #004161, #00231D, #000720)
• Aged Orchard color palette (#E4FFD6, #92EACC, #00B5E1, #6D6300, #003E29)

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