Softworn Petrol color palette — #F2E6DF · #95BEA9 · #3170A2 · #004C47 · #071237
A conversation between Slate and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Parchment (#F2E6DF): bright and airy, almost weightless.
- Sage (#95BEA9): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#3170A2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004C47): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#071237): 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
- Hushed Cobalt color palette (#FAF0E7, #A3D4C0, #507DB9, #005B5D, #191B40)
- Timeworn Petrol color palette (#EEF0E7, #85BACF, #00719A, #004E59, #00314D)
- Wandering Balcony color palette (#F6ECE2, #7DA1C0, #3752A1, #003840, #0D002B)
- Dusty Delta color palette (#ECF8F7, #C9E0FF, #449DC7, #006875, #002135)
- Wandering Orchard color palette (#FCEBE4, #4298A4, #00516C, #002D22, #00040F)
- Wandering Alley color palette (#F7F0EB, #C7E5E5, #7F9FC3, #567455, #432E3E)
- Plum Pier color palette (#FCE3E1, #B32D74, #006F52, #00594E, #1C000D)
- Softworn Navy Lantern color palette (#F8E9DB, #4B7EA1, #00308D, #001F22, #01000A)
Browse the whole catalog at Explore, or see today's palette.