Softworn Petrol color palette — #F1E7E0 · #97BEA8 · #2271A6 · #004C45 · #051237

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

The five colors

• Parchment (#F1E7E0): a clean, paper-quiet neutral.
• Sage (#97BEA8): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#2271A6): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004C45): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#051237): A deep, shadowed, dusty 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

• Wandering Cobalt color palette (#FAF0E8, #AAD2C0, #487FBB, #005B5B, #161B43)
• Washed Drift color palette (#F2E7DC, #90B8DF, #4E64B8, #004A55, #180B36)
• Washed Cerulean color palette (#E8F9F7, #C7E1FF, #459DC3, #006873, #002134)
• Antique Summit color palette (#F9E7DE, #4099A2, #005169, #002D20, #00040D)
• Navy Atelier color palette (#EBDDD1, #537E9A, #003583, #001F21, #01000A)
• Forest Loft color palette (#F8F0EC, #CAE5C9, #5699A9, #306C4B, #003528)
• Wandering Ash Workshop color palette (#F7F0EB, #C9E3E2, #74A89B, #597355, #442D40)
• Frosted Plum Alley color palette (#D8E3CB, #00966A, #A73E7A, #00543A, #270018)

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