Softworn Petrol color palette — #F2F4E3 · #7DC9D8 · #007F99 · #005153 · #001D29

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

The five colors

• Cream (#F2F4E3): A whisper-light, dusty green — the color of new leaves after rain.
• Sky (#7DC9D8): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#007F99): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005153): A deep, shadowed, dusty teal — the color of sea glass.
• Midnight (#001D29): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Cobalt Archive color palette (#EFF5E3, #92C1E7, #0072CD, #004D68, #001642)
• Petrol Meadow color palette (#FFF0FB, #67C8DA, #0077A4, #005748, #013167)
• Worn Hollow color palette (#E5FAF7, #82DAEC, #009CBE, #007275, #00384C)
• Ancient Denim color palette (#EAECDE, #66A7B9, #00617D, #00393D, #000D15)
• Patina Courtyard color palette (#DEE2D3, #537F97, #003F63, #001E27, #000104)
• Hazy Delta color palette (#F8E8F7, #BC5AB9, #007BA9, #7E007E, #001925)
• Ultramarine Workshop color palette (#F3DCF1, #B227B1, #B42900, #003ACF, #1E001E)
• Washed Summit color palette (#FFE7D8, #C67641, #963A00, #661300, #1F0D00)

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