Softworn Petrol color palette — #F5E6DE · #96BFA3 · #0D72A9 · #004D36 · #091137

Built around Slate, softened by Forest — the whole palette hums with nature and growth.

The five colors

• Parchment (#F5E6DE): bright and airy, almost weightless.
• Sage (#96BFA3): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#0D72A9): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004D36): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#091137): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. 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

• Petrol Canyon color palette (#F5EDE2, #95BCA1, #007394, #00504B, #00314E)
• Dusty Sapphire Balcony color palette (#F0E7DF, #91B9D8, #4F64B6, #004B4B, #1C0834)
• Powdered Cobalt Orchard color palette (#F9F0E7, #AADCCB, #607ECF, #00625F, #2B1550)
• Softworn Garden color palette (#CAE9D4, #007989, #8F4900, #5A4400, #000D11)
• Lagoon Thicket color palette (#E0F0E4, #009184, #006874, #00354C, #001332)
• Tempered Corridor color palette (#EEDFDB, #4C9897, #005267, #002E0A, #00040E)
• Azure Summit color palette (#B3E7FF, #00A7D1, #006584, #00283A, #00070E)
• Wisteria Coast color palette (#D7FBDE, #A6CBFD, #C18CD4, #26724D, #001B28)

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