Softworn Petrol color palette — #F7ECE4 · #85BAD1 · #2E6BA4 · #00504D · #1D285B

Slate and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F7ECE4): a clean, paper-quiet neutral.
• Ash (#85BAD1): A luminous, dusty blue — the color of open sky before noon.
• Slate (#2E6BA4): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#00504D): A deep, shadowed, dusty teal — the color of glacier melt.
• Navy (#1D285B): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, 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

• Softworn Petrol Hollow color palette (#FBEBE3, #9CBB9D, #00748B, #005334, #00314C)
• Aged Petrol color palette (#E2EBEA, #96B8CE, #0074A3, #004956, #00172A)
• Cobalt Market color palette (#FBF4ED, #A8CFC1, #5579B0, #005F64, #343560)
• Periwinkle Alley color palette (#F6EBF1, #A0DDF8, #4CAAFF, #00918D, #222B4D)
• Hushed Parlor color palette (#EFDBD1, #599BA8, #005070, #003127, #00132F)
• Tempered Fern Study color palette (#E7F5D7, #8BD5E2, #729BCE, #466E32, #003638)
• Teal Study color palette (#AAF6EE, #00ACA3, #00605A, #003230, #001B16)
• Dusty Cypress color palette (#FBF3EF, #CEE3D0, #5394AB, #2E7056, #225246)

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