Softworn Petrol color palette — #E2EAD3 · #97B78E · #5C8B6E · #006B84 · #043E5E
A conversation between Peacock and Navy, giving this palette its sense of nature and growth.
The five colors
- Parchment (#E2EAD3): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#97B78E): A luminous, dusty green — the color of fresh herbs.
- Fern (#5C8B6E): A full-bodied, dusty teal — the color of sea glass.
- Peacock (#006B84): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#043E5E): A deep, shadowed, dusty blue — the color of deep harbor water.
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 Lagoon color palette (#D0EBD9, #77B09E, #58928E, #3A5F8C, #4C2E44)
- Worn Mustard Orchard color palette (#FFF4D1, #CAC674, #7D9462, #2F5B65, #00353C)
- Denim Alley color palette (#DDE0D2, #8B9D77, #2F8279, #004C83, #1A2449)
- Muted Forest color palette (#F9E4D5, #C6A579, #8C7D43, #246E49, #0D463B)
- Softworn Mustard Market color palette (#EEDFD4, #D0BA6A, #7DA983, #736A95, #393055)
- Cobalt Alley color palette (#EDF0E3, #9CCBE8, #3B8DC9, #006881, #082F54)
- Tempered Hollow color palette (#F0FADE, #BFCAB7, #92AC92, #5D799B, #61485A)
- Tempered Navy color palette (#D5EED6, #5E846D, #1B5B7B, #351F57, #1C0323)
Browse the whole catalog at Explore, or see today's palette.