Softworn Petrol color palette — #E8EAE1 · #89BBD3 · #0073A5 · #004957 · #00172B

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

The five colors

• Parchment (#E8EAE1): bright and airy, almost weightless.
• Sky (#89BBD3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#0073A5): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004957): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#00172B): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Hushed Boulevard color palette (#F6EBF0, #7DBBD6, #006BB5, #00504D, #202A54)
• Worn Cobalt color palette (#F0F3EA, #A2CEEC, #3B81BC, #005870, #2D172E)
• Patina Teal Chapel color palette (#E3E3D6, #4FAEA9, #006568, #003A30, #000E10)
• Muted Cerulean color palette (#F2F3E5, #A1DCDC, #00949F, #006359, #002B32)
• Navy Workshop color palette (#DEE3D5, #4B7DA8, #003A75, #001D2B, #000109)
• Timeworn Petrol Study color palette (#F1F3EC, #C4E3E4, #72A2C7, #2D758A, #3E3040)
• Dusty Cornflower Bloom color palette (#FEF3EB, #C4EDFF, #1196F8, #006A67, #131B3C)
• Mulberry Field color palette (#F2DAD8, #BD548D, #006CC0, #7F0054, #001228)

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