Softworn Petrol color palette — #E8F3EC · #A1B4B4 · #71A6AA · #007F97 · #001A0C

Cerulean and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E8F3EC): a clean, paper-quiet neutral.
• Ash (#A1B4B4): A luminous, dusty teal — the color of shallow lagoons.
• Blue Fog (#71A6AA): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#007F97): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#001A0C): 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

• Softworn Loft color palette (#DCE7E4, #C3ADB3, #B29197, #0075C5, #001914)
• Wandering Denim Summit color palette (#EAF1EC, #A8B9B3, #A88BA2, #005D6A, #04190C)
• Abyss Dune color palette (#D4E0E7, #87A4B8, #637F97, #003D4B, #00050A)
• Tempered Pine Cabin color palette (#E1E3D2, #65A97C, #00855D, #006459, #001507)
• Pale Terracotta Drift color palette (#E2F1DD, #009587, #AB3700, #524200, #000B01)
• Azure Boulevard color palette (#EDF8F3, #C5E0E2, #E3C4E7, #00A7D9, #20392E)
• Cornflower Boulevard color palette (#C9E7DB, #01C2EC, #7595FA, #2F7BFF, #000B18)
• Powdered Garnet color palette (#E0E4F4, #948ECA, #826897, #7E3341, #440501)

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