Softworn Petrol color palette — #F5F6EF · #C8E4E2 · #7CA392 · #357A83 · #365148

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

The five colors

• Ivory (#F5F6EF): a clean, paper-quiet neutral.
• Silver (#C8E4E2): A whisper-light, dusty teal — the color of sea glass.
• Eucalyptus (#7CA392): A luminous, dusty teal — the color of sea glass.
• Teal (#357A83): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal Brown (#365148): A full-bodied, dusty teal — the color of sea glass.

Feels like: Trust, Stability, 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

• Wandering Petrol color palette (#F4F6EE, #C4E7E8, #759EBE, #37788C, #5E4B60)
• Antique Cypress color palette (#EFF0E2, #77C0C0, #00767F, #005147, #00343D)
• Driftwood Station color palette (#E2FCF2, #679FC3, #937EB2, #4A8371, #324840)
• Navy Field color palette (#EBEFE0, #4D88A8, #004064, #00212A, #000919)
• Cerulean Ridge color palette (#D9FFF1, #A4CFEE, #568CB1, #225472, #163E58)
• Washed Bronze color palette (#FCF4E8, #C5B698, #9E7938, #7D5411, #594500)
• Weathered Cypress Harbor color palette (#F5F6EE, #C8E4DE, #7DA48A, #317C78, #385143)
• Ancient Cypress Studio color palette (#F6F6EE, #C9E4DC, #84A288, #377D6F, #44584A)

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