Softworn Petrol color palette — #FEF1FA · #CBC794 · #616EA4 · #353E6C · #2C1C28

Slate and Navy set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FEF1FA): bright and airy, almost weightless.
• Pistachio (#CBC794): A whisper-light, dusty green — the color of new leaves after rain.
• Slate (#616EA4): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#353E6C): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Onyx (#2C1C28): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, 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 Thicket color palette (#EBF9F4, #E4BAA3, #3978A2, #204660, #102720)
• Wandering Studio color palette (#EFF6FF, #E3EDA6, #5F76A3, #2A394F, #0A1018)
• Worn Summit color palette (#F1F5FF, #C9AA69, #454A85, #272A4E, #1E1B27)
• Dusty Sand Meadow color palette (#FDF1F9, #F2D18C, #8990C4, #75596C, #2A1D26)
• Hushed Byzantium color palette (#FFF1F4, #71D0B0, #8A4A9D, #561A67, #2D0F18)
• Lilac Basin color palette (#FAF3F5, #E4D9D3, #CBBFB0, #9D80BC, #524348)
• Cornflower Archive color palette (#FBF2F9, #B2C3F0, #D36F4E, #5475EA, #311F15)
• Timeworn Driftwood Boulevard color palette (#F3F9DF, #9EAEE7, #B36C91, #007271, #513340)

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