Softworn Petrol color palette — #E2F3EC · #8FC399 · #006C96 · #003A53 · #041B13

Peacock and Mint Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E2F3EC): A whisper-light, dusty teal — the color of shallow lagoons.
• Mint Leaf (#8FC399): A luminous, balanced teal — the color of sea glass.
• Peacock (#006C96): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#003A53): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#041B13): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Softworn Summit color palette (#E8F2E4, #A8BE7D, #007467, #003F38, #10190C)
• Ancient Petrol color palette (#FCF1FB, #9AD3B7, #5572A1, #28426D, #281E27)
• Aged Chartreuse color palette (#EBF7FF, #9DE68F, #006E8C, #062B3E, #000409)
• Navy Field color palette (#F7EAF3, #E0A0AB, #505F9A, #242E6B, #1E111B)
• Jade Thicket color palette (#CEE4DE, #46A972, #004878, #001C34, #000302)
• Cobalt Field color palette (#E2F0FF, #FFB29F, #528CC6, #395979, #0D1721)
• Amber Orchard color palette (#E0F4EE, #D38465, #004674, #00233E, #021B15)
• Ancient Driftwood color palette (#FBF3F6, #F3C6B4, #8474A1, #634250, #33282C)

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