Softworn Petrol color palette — #EBF8F5 · #A3CAC5 · #5E8B88 · #416D7E · #3B524F

Slate takes the lead with Storm Blue close behind in a set that reads as calm and sophistication at first glance.

The five colors

• Ivory (#EBF8F5): a clean, paper-quiet neutral.
• Stone (#A3CAC5): A luminous, dusty teal — the color of shallow lagoons.
• Storm Blue (#5E8B88): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#416D7E): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#3B524F): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.

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

• Softworn Driftwood Boulevard color palette (#EBF5EE, #A3CEC0, #698D6C, #5B6078, #253530)
• Cypress Dune color palette (#EFF7F6, #D1DEF0, #65A4B4, #2B7D7B, #3C5766)
• Lagoon Harbor color palette (#D5E9EA, #4D9D88, #00635A, #004265, #003127)
• Ancient Canyon color palette (#E3FBFA, #76B299, #007B67, #005879, #0C4533)
• Fern Station color palette (#F9F5EC, #D7D2B4, #80A783, #8D7680, #584E00)
• Wandering Terrace color palette (#F9F2FF, #E6D5DD, #E7B7C7, #A77F9E, #554A5B)
• Washed Terrace color palette (#F7F3FD, #CF9EC0, #B8915E, #9B5789, #3A5539)
• Tempered Cobalt Harbor color palette (#F5F3FF, #AE8AB0, #B8756A, #4D77B4, #433F53)

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