Softworn Petrol Lantern color palette — #DFF1EF · #7AA18B · #4D678A · #553128 · #331000

Slate and Onyx set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#DFF1EF): a clean, paper-quiet neutral.
• Eucalyptus (#7AA18B): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#4D678A): A full-bodied, dusty blue — the color of open sky before noon.
• Cocoa (#553128): A deep, shadowed, dusty orange — the color of toasted spice.
• Onyx (#331000): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Softworn Petrol Lantern 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

• Cocoa Lagoon color palette (#C8E9F6, #759BC0, #5E5E8F, #683104, #2F1E00)
• Timeworn Chapel color palette (#E1E4C7, #5CA390, #39757C, #502E5A, #360C1D)
• Patina Cocoa color palette (#D7EAEC, #8AB4A3, #846480, #783921, #332D28)
• Ancient Garden color palette (#C7EDF7, #4386B0, #4E508C, #4E150B, #1E0E00)
• Aged Terrace color palette (#E4E7D5, #73A7A1, #307087, #5A4107, #133E1A)
• Cerulean Delta color palette (#D7F3FA, #82B0C8, #6188B7, #7C4450, #53250C)
• Washed Navy Pier color palette (#DEF3FE, #54698F, #493465, #361800, #110C00)
• Worn Cerulean color palette (#FEF7CA, #98D4C4, #6292BC, #725823, #382700)

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