Softworn Petrol Loft color palette — #F4E6DF · #9CBD9F · #007792 · #004E34 · #00182A

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

The five colors

• Parchment (#F4E6DF): bright and airy, almost weightless.
• Sage (#9CBD9F): A luminous, dusty green — the color of new leaves after rain.
• Teal (#007792): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004E34): A deep, shadowed, balanced teal — the color of glacier melt.
• Ink (#00182A): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Softworn Petrol Loft 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 Cobalt Meadow color palette (#F1E7E0, #89BCD1, #006FB8, #004B48, #091138)
• Muted Cerulean Parlor color palette (#E7DDD7, #2D8598, #00405E, #00201A, #000106)
• Misty Cobalt Studio color palette (#FDEFE5, #9CDAF5, #0087E0, #00625F, #151F50)
• Tempered Grove color palette (#EBF9F6, #AFF4F7, #00A4B5, #006B62, #00232B)
• Antique Jade color palette (#BCF1D2, #49B06F, #006934, #003220, #000904)
• Nightshade Boulevard color palette (#F5ECE3, #4991C4, #0025CB, #002B30, #040019)
• Frosted Azure Cabin color palette (#F1F3DB, #7DD9C0, #00AADA, #6F6400, #172100)
• Wandering Moss color palette (#F8F0D1, #7E9400, #2E6200, #00431D, #001E16)

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