Softworn Petrol color palette — #F4E6DF · #84BECB · #0074A1 · #004D40 · #001434
A conversation between Slate and Midnight, giving this palette its sense of trust and stability.
The five colors
- Parchment (#F4E6DF): bright and airy, almost weightless.
- Ash (#84BECB): A luminous, dusty blue — the color of deep harbor water.
- Slate (#0074A1): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004D40): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#001434): 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
- Aged Petrol color palette (#EEF0E6, #99BBA4, #00748F, #004F52, #003346)
- Timeworn Terrace color palette (#FAF0E9, #A6D4BD, #3D81BA, #005C57, #30152C)
- Sunlit Denim color palette (#F9EDE3, #6AA4C6, #1655A7, #00393B, #08002F)
- Powdered Cobalt Garden color palette (#F6EAF3, #A6CBDC, #0091CB, #006E5E, #0A2C5C)
- Muted Navy color palette (#EADFD7, #3782A3, #003B71, #001F1F, #01000B)
- Hushed Ridge color palette (#F8F0EC, #C8E4E2, #77A2C2, #33786F, #432E41)
- Hushed Fern Villa color palette (#E2EEC9, #91D1D1, #65A4CF, #516627, #002017)
- Ancient Jade Basin color palette (#DAF2EA, #02A985, #006951, #002E24, #000905)
Browse the whole catalog at Explore, or see today's palette.