Softworn Petrol Coast color palette — #F0F6FC · #DAD9E3 · #C0BCCF · #5C7795 · #414851

Slate takes the lead with Ash close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#F0F6FC): bright and airy, almost weightless.
• Silver (#DAD9E3): a clean, paper-quiet neutral.
• Ash (#C0BCCF): A luminous, dusty violet — the color of a velvet chair.
• Slate (#5C7795): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#414851): quiet, heavy and certain.

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

Use it as a design system

One click turns Softworn Petrol Coast 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

• Hushed Petrol color palette (#EDF2F8, #D7D6E1, #BFBAC7, #4E79A2, #252D36)
• Timeworn Veranda color palette (#E9EFFF, #B1B6DC, #8B87AB, #715F6F, #60464A)
• Cerulean Cabin color palette (#EFF7F5, #E0D4D0, #A9A092, #6D93B8, #3C4C47)
• Garnet Harbor color palette (#E2DDE9, #C1B2CB, #98879E, #642E53, #211D27)
• Ancient Dune color palette (#F1F5FE, #CAD2EB, #9EA4C8, #4550A6, #293347)
• Aged Navy Veranda color palette (#E5EBF4, #9EA9C2, #737EA1, #0C2E80, #091424)
• Stone Field color palette (#E9FAF1, #ACB67A, #697B4D, #435F64, #30483F)
• Iris Lantern color palette (#FEF0FF, #7093EE, #68619A, #6B3E4C, #333D51)

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