Softworn Petrol color palette — #D5EEF4 · #0080A9 · #005687 · #002C5C · #1F0B3D

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

The five colors

• Frost (#D5EEF4): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#0080A9): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005687): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#002C5C): A deep, shadowed, balanced blue — the color of deep harbor water.
• Deep Indigo (#1F0B3D): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

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

• Feathered Navy color palette (#D0E8F5, #0083CA, #0043A2, #161879, #1B0F46)
• Aged Navy Cabin color palette (#DBECEE, #009EBE, #00689C, #00328B, #1E1255)
• Softworn Lagoon color palette (#DAEBE9, #009094, #00525C, #003443, #001F30)
• Hazy Cobalt color palette (#E4F1FF, #0071BC, #7E4C00, #003B66, #291500)
• Pale Violet Lantern color palette (#D6E9FF, #A5B0F9, #986EBF, #00516E, #15253E)
• Hushed Atelier color palette (#D4E2F7, #4574F2, #003C95, #000C57, #00051C)
• Patina Terrace color palette (#D5E2F3, #0058AD, #93002E, #224800, #00112B)
• Pale Sky Boulevard color palette (#BFECFF, #3FB2F5, #397ABE, #3E598B, #3A4563)

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