Softworn Petrol color palette — #F1E7E1 · #95BFA5 · #0073A6 · #004C42 · #00123A

Built around Slate, softened by Midnight — the whole palette hums with nature and growth.

The five colors

• Parchment (#F1E7E1): bright and airy, almost weightless.
• Mint Leaf (#95BFA5): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#0073A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004C42): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#00123A): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Muted Atelier color palette (#F8F0EB, #ABD2C0, #487FB7, #005B59, #141C45)
• Aged Sapphire Cabin color palette (#F2E7DD, #92B8D9, #4564BE, #004A53, #170B38)
• Tempered Delta color palette (#DBF4E6, #A8C6F8, #B090CC, #006460, #00192E)
• Antique Quarry color palette (#D7EAE5, #009A9E, #006778, #003B4F, #001732)
• Muted Azure Study color palette (#D3EAFA, #48A4D2, #00618A, #002838, #00070F)
• Worn Brick Terrace color palette (#D1E6DF, #0072A9, #B00929, #6D4000, #000C17)
• Patina Quarry color palette (#ECDED2, #46809F, #003A77, #001F20, #01000B)
• Brick Atelier color palette (#D4EBDF, #008CB3, #BE2D1D, #004E65, #2A0100)

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