Softworn Petrol color palette — #FFF0F7 · #D7A486 · #559A97 · #1A7588 · #403E5F

A conversation between Teal and Camel, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Camel (#D7A486): A luminous, dusty gold — the color of honey in a jar.
• Storm Blue (#559A97): A luminous, dusty teal — the color of sea glass.
• Teal (#1A7588): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#403E5F): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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

• Lagoon Lagoon color palette (#F0F8EF, #D1A978, #459BA0, #7F5B7E, #543654)
• Worn Jade Courtyard color palette (#FEF2EE, #FFB6AE, #55AE88, #5C6895, #492E42)
• Petrol Archive color palette (#F5F4FE, #C6A3CE, #A08A50, #1F7488, #344163)
• Misty Amber Quarry color palette (#FFECF2, #C68634, #008285, #6A3875, #3D1B44)
• Weathered Lagoon Bloom color palette (#FAF3F8, #D6D5E7, #94B6CF, #599197, #40546C)
• Linen Lantern color palette (#FFF1F5, #D78700, #008798, #005797, #55004E)
• Wandering Pine color palette (#F9F5EA, #A49866, #537C53, #00615E, #1C4C3E)
• Worn Ash Meadow color palette (#EFF8F0, #B5DBCA, #79A69D, #81788F, #3E5349)

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