Softworn Petrol color palette — #F1ECE3 · #5DAFB8 · #00819D · #005E52 · #000B13

A conversation between Cerulean and Cyan, giving this palette its sense of trust and stability.

The five colors

• Cream (#F1ECE3): bright and airy, almost weightless.
• Cyan (#5DAFB8): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#00819D): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005E52): A full-bodied, dusty teal — the color of sea glass.
• Ink (#000B13): 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

• Muted Cobalt color palette (#F0E7DA, #61A9D5, #0075D2, #005B69, #010427)
• Dusty Denim color palette (#ECDCD6, #56A0A7, #006084, #003E22, #000623)
• Aged Lagoon Meadow color palette (#D5E7E3, #42848B, #00434E, #001F1E, #000202)
• Pale Cornflower Workshop color palette (#E6E1D9, #9FC4E9, #578BFF, #007897, #191941)
• Gentle Grove color palette (#F3EEE6, #A8DCF3, #2FAEFC, #009098, #152E50)
• Washed Lagoon color palette (#FFD5D7, #B90FA0, #786500, #006375, #050004)
• Aged Magenta Atelier color palette (#FEE7EA, #CF5BCB, #028941, #70006E, #000902)
• Softworn Drift color palette (#FAF4EC, #BFEDE2, #6DCDE4, #57AA95, #2D5042)

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