Softworn Petrol color palette — #EAEADE · #80C1C1 · #007A83 · #004C43 · #001A1F

Built around Teal, softened by Forest — the whole palette hums with trust and stability.

The five colors

• Parchment (#EAEADE): bright and airy, almost weightless.
• Mint Leaf (#80C1C1): A luminous, dusty teal — the color of glacier melt.
• Teal (#007A83): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004C43): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#001A1F): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Hushed Bloom color palette (#F2F3E8, #95D4DD, #008AA3, #005B5B, #002531)
• Aged Cobalt Canyon color palette (#E7EBDF, #8BBAD9, #006FB5, #00485D, #001533)
• Aged Pier color palette (#E4E6DB, #54A9C2, #00617F, #00383E, #000C16)
• Patina Cerulean Drift color palette (#E0E2D4, #308596, #004353, #001F20, #000103)
• Aubergine Dune color palette (#F9E0E6, #A25FBA, #007790, #6D0088, #00151C)
• Worn Fern Basin color palette (#EFE8CF, #828D51, #5A5900, #393100, #110F00)
• Dusty Blush Delta color palette (#FFEBEC, #FAB1D1, #DE768A, #7E4782, #2A0D0E)
• Feathered Plum Pier color palette (#FFE4E7, #A926A2, #A62D00, #153DB0, #1D0006)

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