Softworn Petrol color palette — #F0E8DB · #91BFAA · #0071B0 · #004A50 · #001338

Slate and Midnight set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#F0E8DB): bright and airy, almost weightless.
• Mint Leaf (#91BFAA): A luminous, dusty teal — the color of glacier melt.
• Slate (#0071B0): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004A50): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#001338): 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

• Dusty Cobalt Corridor color palette (#F6F1E9, #A6D3C3, #4D7EBB, #005969, #151E3D)
• Hushed Petrol Orchard color palette (#F7EAF1, #93B6CF, #3767B1, #005148, #2C2456)
• Hushed Cypress color palette (#F6ECDC, #68AAA6, #00646D, #003B29, #000D13)
• Weathered Navy Workshop color palette (#EAE0CF, #4C7DA7, #053485, #001E27, #01000B)
• Timeworn Petrol color palette (#F5F1EA, #C5E5E6, #7EA0C3, #2C7783, #432E40)
• Worn Blush color palette (#FFE4EF, #E3ACE4, #D37C9D, #4C518D, #281235)
• Pale Amethyst Delta color palette (#EAE6F4, #7E47C5, #8B4C00, #00594E, #100321)
• Airy Nightshade color palette (#DCE6F7, #6E7DE8, #5341B5, #420876, #250437)

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