Softworn Petrol color palette — #E0ECE9 · #8BBCCC · #007985 · #004C45 · #001A20

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

The five colors

• Cream (#E0ECE9): bright and airy, almost weightless.
• Ash (#8BBCCC): A luminous, dusty blue — the color of open sky before noon.
• Teal (#007985): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004C45): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#001A20): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Worn Garden color palette (#DEEDEC, #97B7D4, #2F6EAA, #00485F, #001437)
• Antique Lagoon color palette (#D1E3E1, #7CA2B8, #006180, #00383F, #000C17)
• Cerulean Orchard color palette (#EFF0E3, #88D3D8, #0097A9, #006D66, #00343F)
• Patina Abyss color palette (#D6E7E5, #4B8290, #004255, #001F21, #000103)
• Mulberry Lagoon color palette (#D7DEEB, #4A61C4, #972782, #00575E, #03042A)
• Denim Dune color palette (#EBF2FF, #CBC7F9, #B98EE1, #2C55A1, #171539)
• Wandering Quarry color palette (#C5E2FA, #3380C8, #004EA4, #001C9D, #0A0544)
• Dusty Field color palette (#E4EFFF, #567DC8, #007F59, #0032B3, #00170D)

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