Softworn Petrol color palette — #CDE8D8 · #679166 · #007188 · #654500 · #171300

Teal and Bronze set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#CDE8D8): A whisper-light, dusty teal — the color of glacier melt.
• Fern (#679166): A luminous, dusty green — the color of new leaves after rain.
• Teal (#007188): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#654500): A full-bodied, balanced gold — the color of old brass.
• Ink (#171300): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Optimism, 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

• Patina Garden color palette (#F0EADC, #639567, #127183, #6A3228, #2D0200)
• Petrol Workshop color palette (#CEEED6, #3D8F95, #55659F, #544C00, #161300)
• Weathered Fern color palette (#DCF1EB, #4A9A7D, #007076, #365208, #000804)
• Muted Garnet color palette (#DEF6E4, #97865A, #607542, #78224C, #1B0900)
• Wandering Chestnut color palette (#E4F3EE, #6CAC99, #558BAC, #6C5C00, #003622)
• Hazy Lagoon color palette (#C5E7FC, #0078A8, #995000, #634B00, #000204)
• Pale Garnet Alley color palette (#DBF3EE, #297F8F, #19547E, #5D0031, #2B0300)
• Cellar Navy Lantern color palette (#DFEADD, #006C73, #13376D, #2A0B00, #090100)

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