Softworn Petrol color palette — #E4F0EE · #5CAEC2 · #0080A2 · #005C62 · #000B13

Cerulean and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E4F0EE): bright and airy, almost weightless.
• Cyan (#5CAEC2): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#0080A2): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005C62): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• 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

• Pale Cerulean Drift color palette (#D1E7E5, #5DBEE0, #008FC0, #006B78, #001625)
• Weathered Denim Villa color palette (#F1E5ED, #49A0B4, #005F88, #003C33, #00081F)
• Frosted Sapphire Hollow color palette (#CFE4E4, #7DA5CC, #006FE5, #00587B, #010427)
• Timeworn Delta color palette (#EBDAE6, #498291, #003E67, #002017, #01000B)
• Airy Magenta color palette (#F0EAFF, #BF41B3, #007AAC, #8D0084, #00070E)
• Dusty Periwinkle Coast color palette (#E6F1F1, #A7DAFE, #45ABFF, #008BB1, #112E53)
• Timeworn Ridge color palette (#EDF8F6, #CEDEF7, #59CEEF, #3FAAAD, #2E4C5E)
• Weathered Coral Dune color palette (#ECDBE1, #DA909B, #E26962, #9D4F84, #15051B)

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