Softworn Petrol color palette — #D7F0E9 · #9CC5C0 · #689782 · #41758B · #384C5E

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

The five colors

• Honeydew (#D7F0E9): A whisper-light, dusty teal — the color of sea glass.
• Ash (#9CC5C0): A luminous, dusty teal — the color of glacier melt.
• Eucalyptus (#689782): A luminous, dusty teal — the color of glacier melt.
• Slate (#41758B): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#384C5E): A full-bodied, dusty blue — the color of a favorite pair of jeans.

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

• Tempered Station color palette (#D3E9D3, #C7B788, #8F9352, #45767A, #244D57)
• Soft Mint color palette (#CFEEDE, #4BCBBB, #00979E, #4863A2, #3B3A67)
• Ash Basin color palette (#DCFDFE, #B0D8DF, #88ADB9, #7A8598, #4D5260)
• Timeworn Turquoise color palette (#ECF8F5, #B3DCE8, #00A9B4, #007D6F, #144051)
• Tempered Pewter color palette (#B9F6FB, #87CFE4, #629EC0, #7862A3, #4E4968)
• Emerald Hollow color palette (#E5FBF6, #98C198, #26975B, #486D57, #123D39)
• Hushed Lagoon color palette (#D0E7D6, #2A9A7B, #007671, #0F4475, #0B143E)
• Timeworn Summit color palette (#EDE2D5, #A6A772, #49836F, #585770, #4E3B54)

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