Softworn Petrol color palette — #ECF4F0 · #CBD9DA · #BEB3C0 · #006E91 · #12251D

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

The five colors

• Cream (#ECF4F0): a clean, paper-quiet neutral.
• Silver (#CBD9DA): bright and airy, almost weightless.
• Ash (#BEB3C0): A luminous, dusty pink — the color of neon signs at night.
• Peacock (#006E91): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#12251D): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Worn Terrace color palette (#F0F6FA, #D7D8E8, #A8B3CE, #196E85, #2F3D44)
• Washed Lagoon color palette (#F6F0F4, #DED3D3, #C8AFB9, #535AAE, #2A1B25)
• Muted Ridge color palette (#F0F7F3, #E1D3D2, #A8A89C, #0098BE, #23322A)
• Worn Denim color palette (#DAE2DF, #B9AFBA, #9E849B, #00486E, #000E09)
• Ancient Cypress color palette (#EFF4E3, #96A780, #1F7462, #005250, #162004)
• Lowlit Quarry color palette (#F3E2F3, #2765AE, #321C2E, #160517, #000302)
• Muted Onyx color palette (#F4D5E8, #B79AA5, #86698D, #684033, #4B2000)
• Denim Courtyard color palette (#FCE2DD, #508ECD, #4453A0, #611448, #031636)

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