Softworn Petrol color palette — #F1E6EA · #9CB7D0 · #5664AF · #004B4D · #1D0833
Slate and Deep Indigo set the tone — five colors that lean into creativity and calm.
The five colors
- Rose Water (#F1E6EA): a clean, paper-quiet neutral.
- Ash (#9CB7D0): A luminous, dusty blue — the color of open sky before noon.
- Slate (#5664AF): A full-bodied, balanced violet — the color of a velvet chair.
- Forest (#004B4D): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#1D0833): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: 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
- Petrol Field color palette (#EDE6ED, #8EBCCC, #00759D, #004F2A, #001339)
- Aged Cobalt Delta color palette (#EAF1EB, #94B5D3, #2F66B7, #004D5D, #222A54)
- Cornflower Summit color palette (#F7ECE1, #98CBF0, #5D7DEB, #006C6A, #332350)
- Hushed Cypress color palette (#F7EFF2, #D9DBEE, #9399C3, #007A81, #33334D)
- Worn Atelier color palette (#F1E2EA, #5094B1, #004694, #002C26, #040019)
- Hushed Corridor color palette (#E9DFE9, #34868B, #004258, #00210C, #000106)
- Brick Ridge color palette (#F3DFF0, #AB4544, #006E63, #00505E, #1E0001)
- Mulberry Thicket color palette (#F8E9FF, #FBB79E, #9EA33F, #7E418B, #310703)
Browse the whole catalog at Explore, or see today's palette.