Softworn Petrol color palette — #F7EBE5 · #5AC8DD · #006EA4 · #00402B · #010015

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

The five colors

• Cream (#F7EBE5): a clean, paper-quiet neutral.
• Cyan (#5AC8DD): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#006EA4): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00402B): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#010015): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Frosted Ultramarine Thicket color palette (#F7ECE3, #73C1EA, #0F5BDB, #003E39, #030011)
• Cerulean Lantern color palette (#E9DBE4, #3C9EB2, #005072, #003129, #001232)
• Gentle Turquoise color palette (#DDEBDF, #28C3E2, #008FBD, #006D69, #001527)
• Antique Balcony color palette (#BCE8EC, #00757E, #7A4D00, #5E3A00, #000102)
• Antique Azure color palette (#C5E9FF, #009FDD, #005B7D, #00141D, #000103)
• Lagoon Drift color palette (#D0F3E3, #009088, #005B67, #002C40, #00011E)
• Softworn Brick Grove color palette (#D7F5E7, #008AB6, #C20515, #004259, #050000)
• Fuchsia Archive color palette (#DDFFE6, #A2CDFF, #D378EC, #006E47, #000408)

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