Softworn Petrol color palette — #FAF4EC · #C0E6DA · #6C8BBE · #006D85 · #5A3D52

A conversation between Peacock and Slate Blue, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Celadon Mist (#C0E6DA): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#6C8BBE): A luminous, balanced violet — the color of twilight just after sunset.
• Peacock (#006D85): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#5A3D52): A full-bodied, dusty pink — the color of peonies in June.

Feels like: 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

• Iris Station color palette (#F6F1EC, #BFE6DA, #7288D8, #006C6D, #3D232E)
• Ancient Pier color palette (#F8F5EF, #CCE4CD, #5196A4, #00735C, #1B4E62)
• Antique Terrace color palette (#FAF4EB, #A5D5F7, #4280CD, #006475, #2B3A76)
• Timeworn Periwinkle color palette (#FAF3F5, #D7DDF9, #8FA1E0, #268A8B, #424563)
• Antique Denim Garden color palette (#F1E8DB, #70A9B5, #00607E, #003E3A, #002138)
• Ancient Navy color palette (#F1E8DA, #4D89A4, #004067, #002225, #00071F)
• Petrol Basin color palette (#FFF2EE, #B77276, #588B3E, #3069B2, #4B3028)
• Petrol Drift color palette (#FEF4E4, #80C5CE, #007A97, #00574D, #003752)

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