Softworn Petrol Summit color palette — #F9F5ED · #C3B07A · #509C8A · #4968A0 · #5A3549

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

The five colors

• Ivory (#F9F5ED): bright and airy, almost weightless.
• Camel (#C3B07A): A luminous, dusty green — the color of new leaves after rain.
• Fern (#509C8A): A luminous, balanced teal — the color of sea glass.
• Slate (#4968A0): A full-bodied, balanced violet — the color of a velvet chair.
• Cocoa (#5A3549): A deep, shadowed, dusty rose — the color of strawberry cream.

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

Use it as a design system

One click turns Softworn Petrol Summit 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 Honey color palette (#EDF8F0, #E9C968, #54ABA2, #646691, #443045)
• Timeworn Drift color palette (#F5F6ED, #99BD8F, #5196B6, #85538C, #47413C)
• Weathered Station color palette (#FEF4E1, #D9D6C3, #AAB19E, #93778C, #634852)
• Sand Ridge color palette (#FFF0F9, #FFB290, #5CBAC1, #9C78A0, #433E59)
• Aged Loft color palette (#FDF3EF, #CC7F7D, #1A8272, #723F65, #593837)
• Tempered Cabin color palette (#F3F3E1, #71A752, #007E9D, #693189, #4F1500)
• Grape Quarry color palette (#FCF6DB, #9DA400, #008890, #6219C7, #61000F)
• Pine Orchard color palette (#FFF5D8, #C2D19E, #84AC6F, #468449, #4A4C45)

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