Softworn Petrol color palette — #F7EBE4 · #85C1D5 · #006DA6 · #003E38 · #000114

Peacock takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F7EBE4): bright and airy, almost weightless.
• Sky (#85C1D5): A luminous, dusty blue — the color of a favorite pair of jeans.
• Peacock (#006DA6): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#003E38): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000114): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Tempered Terrace color palette (#F7EBE4, #60B2B0, #005F70, #002D18, #000103)
• Ancient Cobalt Atelier color palette (#FFF3E8, #A6D8C6, #4079CD, #005154, #0A0033)
• Cerulean Field color palette (#D6E4E2, #8BB7CF, #008FBC, #006B76, #001624)
• Denim Terrace color palette (#F4E2ED, #4C9BB4, #004E7A, #00302C, #020E39)
• Gentle Byzantium Veranda color palette (#D8EAE4, #009377, #A60BA8, #004738, #030003)
• Ancient Teal color palette (#95FCEC, #00B199, #005F51, #001B17, #000201)
• Hushed Ridge color palette (#FBF3EE, #C0E4F3, #6DACE5, #00807A, #1F2B54)
• Emerald Boulevard color palette (#E9F1CF, #3E9C00, #00613E, #002A21, #000202)

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