Softworn Petrol color palette — #EBF1DE · #8DBDDE · #006BAE · #003B4C · #00020A

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

The five colors

• Cream (#EBF1DE): A whisper-light, dusty green — the color of a quiet forest floor.
• Sky (#8DBDDE): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#006BAE): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#003B4C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#00020A): 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

• Muted Cypress color palette (#EFF0DC, #81C5C4, #00757E, #003F37, #000304)
• Denim Meadow color palette (#DAF0EF, #4C98C7, #004C80, #002E3C, #00132F)
• Cornflower Meadow color palette (#F3EAE2, #83B7DA, #357DF4, #006C72, #120044)
• Dusty Boulevard color palette (#F3F7ED, #C1E0F4, #7AA9E2, #26789B, #1C2E4D)
• Dusty Olive color palette (#E4EFDF, #3B7900, #00656A, #5E3900, #000200)
• Hushed Olive Garden color palette (#E6E4D5, #847E00, #485100, #1B2400, #010300)
• Misty Teal Cabin color palette (#DAF7CC, #A3DCAD, #43B791, #526500, #000600)
• Timeworn Moss color palette (#E2ECDE, #5FB02A, #275C00, #051800, #000200)

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