Softworn Petrol color palette — #F0E8DC · #7EBED4 · #0074A3 · #004B4C · #00162F

Slate takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Parchment (#F0E8DC): a clean, paper-quiet neutral.
• Sky (#7EBED4): A luminous, dusty blue — the color of deep harbor water.
• Slate (#0074A3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004B4C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#00162F): 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

• Tempered Petrol Meadow color palette (#F7EAF2, #8EB8CF, #0F6BB4, #005141, #262853)
• Tempered Cobalt Thicket color palette (#F5F1EA, #AFD0C2, #4E80AE, #005A63, #0C1E42)
• Patina Denim color palette (#E8DECF, #6EA2CB, #1F56A3, #003844, #050031)
• Antique Garden color palette (#CBEEDF, #B0D2FC, #9493D8, #006D76, #001933)
• Cerulean Hollow color palette (#BEEBE7, #00919D, #006274, #00384C, #00172B)
• Antique Azure Studio color palette (#C9E5F7, #16A0E0, #00648D, #00283D, #00070E)
• Worn Ash color palette (#F6F1EA, #C4E6E6, #76A2C3, #38767B, #402F41)
• Hushed Thicket color palette (#CEEDFE, #00759E, #9D2968, #4E5000, #000D15)

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