Softworn Petrol color palette — #FFF3E6 · #BEB5A2 · #8C8C62 · #47678F · #5E4552
A conversation between Slate and Moss, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
- Stone (#BEB5A2): A luminous, dusty gold — the color of old brass.
- Moss (#8C8C62): A luminous, dusty green — the color of new leaves after rain.
- Slate (#47678F): A full-bodied, dusty blue — the color of deep harbor water.
- Charcoal Brown (#5E4552): A full-bodied, dusty rose — the color of pressed rose petals.
Feels like: Nature, Growth, 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
- Dusty Bronze Pier color palette (#FFF2ED, #C4AC99, #9F7D3A, #257279, #36564B)
- Softworn Pewter Loft color palette (#FDF5DF, #C4C5AB, #8E9A82, #8A697E, #61453F)
- Bone Grove color palette (#FFF1F5, #C0E6D1, #94BCB5, #7A8FA4, #494F60)
- Hushed Garnet Study color palette (#E2E9C5, #91A788, #5B8269, #6D4A6B, #663544)
- Patina Pier color palette (#F8F5EB, #B4B288, #518154, #794C3E, #494400)
- Chalky Navy color palette (#ECE8D9, #91A46B, #1A834C, #32479A, #492B5D)
- Airy Olive Station color palette (#F9F6E4, #99A863, #8F7BC7, #5F6E00, #46386A)
- Patina Garden color palette (#F9F7DD, #7B9255, #3F80B6, #A4435D, #393831)
Browse the whole catalog at Explore, or see today's palette.