Softworn Petrol Pier color palette — #F2F5FB · #DFD9E2 · #CCBAC6 · #6272A1 · #44484F
Slate and Stone set the tone — five colors that lean into creativity and sophistication.
The five colors
- Ivory (#F2F5FB): bright and airy, almost weightless.
- Silver (#DFD9E2): a clean, paper-quiet neutral.
- Stone (#CCBAC6): A luminous, dusty pink — the color of peonies in June.
- Slate (#6272A1): A full-bodied, dusty violet — the color of twilight just after sunset.
- Charcoal (#44484F): a grounded near-black with real depth.
Feels like: Creativity, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Softworn Petrol Pier 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
- Pewter Canyon color palette (#F7EFF4, #E1D4D3, #CDB7B2, #6B7299, #32292F)
- Ancient Garden color palette (#ECF7FF, #A9AAC8, #98819B, #4A696B, #374F5C)
- Aged Mulberry Garden color palette (#F7F3FB, #E4D5D8, #C6ABB5, #904671, #3D3841)
- Softworn Pine Summit color palette (#ECF9EE, #8EBBAC, #358557, #5F5370, #304840)
- Indigo Station color palette (#E1E3F4, #7E5CB0, #3B2949, #1C1D2F, #0D0D13)
- Grape Thicket color palette (#F3F5FD, #D4CFE3, #B69CBB, #6139B8, #2C3148)
- Navy Dune color palette (#EBEFF8, #A8A7BB, #A16E82, #2B2680, #0D1323)
- Worn Market color palette (#E0E0E8, #9F95A8, #82667D, #42005B, #090812)
Browse the whole catalog at Explore, or see today's palette.