Softworn Petrol color palette — #F1F3EC · #C5E1E0 · #7AA895 · #0A7888 · #1F3D34

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

The five colors

• Cream (#F1F3EC): a clean, paper-quiet neutral.
• Silver (#C5E1E0): A whisper-light, dusty teal — the color of glacier melt.
• Taupe (#7AA895): A luminous, dusty teal — the color of sea glass.
• Teal (#0A7888): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#1F3D34): A deep, shadowed, 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

• Dusty Petrol Archive color palette (#E9EADE, #84C0C1, #007985, #004C45, #001A20)
• Antique Cerulean Garden color palette (#F1F3EC, #C9E3D8, #5495C2, #00697F, #03342C)
• Aged Station color palette (#EAF6E7, #C1E4DB, #9FCCC7, #609886, #374435)
• Antique Workshop color palette (#EFF4EA, #8AC1A9, #BB9467, #008661, #35302B)
• Dusty Cerulean Chapel color palette (#EAF6E4, #60AD9B, #5B94C0, #7A7D3B, #1E2C16)
• Ancient Navy Balcony color palette (#E0E4DA, #639687, #004A87, #002939, #000313)
• Timeworn Delta color palette (#E5F9E0, #C0DAB7, #32948B, #005852, #002723)
• Tempered Coast color palette (#EFF7F6, #D6DCEC, #74BBE4, #5A909C, #415567)

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