Softworn Petrol color palette — #FAF7D7 · #C4C6AD · #97A184 · #3D7C91 · #375A4F

Slate takes the lead with Charcoal Brown close behind in a set that reads as trust and stability at first glance.

The five colors

• Custard (#FAF7D7): A whisper-light, dusty green — the color of a quiet forest floor.
• Pistachio (#C4C6AD): A luminous, dusty green — the color of new leaves after rain.
• Taupe (#97A184): A luminous, dusty green — the color of new leaves after rain.
• Slate (#3D7C91): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#375A4F): A full-bodied, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Sophistication. Tagged vintage, retro, 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 Petrol color palette (#F0FAE0, #BBCCB1, #92AD94, #5A749F, #6B475F)
• Timeworn Harbor color palette (#FFF3E8, #DBC9B4, #B1A182, #748541, #45533C)
• Softworn Thicket color palette (#F4F6EF, #C2E3E3, #76ACD0, #0089A2, #1E5246)
• Emerald Chapel color palette (#EBF1E1, #97B991, #1D9A69, #006580, #004165)
• Worn Onyx Chapel color palette (#DCEADC, #84926A, #0D7266, #003C5F, #02144F)
• Hushed Pier color palette (#FFF0F8, #E3D39F, #94BCB4, #8F94AC, #464A5C)
• Hushed Veranda color palette (#E2F2DF, #8BB094, #4588A3, #55498F, #442D57)
• Softworn Moss color palette (#F7EABC, #C8BF7C, #9C991F, #667000, #445123)

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