Softworn Petrol color palette — #F7EBF0 · #93B6CF · #4567A3 · #005049 · #2E2456
Slate and Deep Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F7EBF0): a clean, paper-quiet neutral.
- Ash (#93B6CF): A luminous, dusty blue — the color of deep harbor water.
- Slate (#4567A3): A full-bodied, balanced violet — the color of wild irises.
- Forest (#005049): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#2E2456): A deep, shadowed, balanced violet — the color of twilight just after sunset.
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 (#FBF2F5, #ABC9E5, #6573B5, #005F61, #413257)
- Ancient Forest color palette (#F6EAF7, #88BBC8, #00748F, #055417, #042F54)
- Sunlit Cobalt color palette (#EFE8DE, #8DBAD6, #176EB7, #004A54, #030F40)
- Coral Veranda color palette (#E9ECFF, #DDADD5, #D18471, #205C87, #472A4B)
- Misty Lagoon color palette (#FCF2FA, #9BDBDF, #008BB7, #006B37, #1D3F70)
- Muted Veranda color palette (#FBF2F5, #D9DEEF, #8799C0, #467782, #4C516B)
- Hazy Harbor color palette (#FBE9F4, #539BAE, #004D7D, #003124, #0A0048)
- Weathered Periwinkle Veranda color palette (#F8ECE2, #ACDAF6, #73A2FF, #009289, #2F2550)
Browse the whole catalog at Explore, or see today's palette.