Softworn Petrol color palette — #F5EDE5 · #8CBDAE · #4F61AF · #004F50 · #34244B
Slate takes the lead with Deep Indigo close behind in a set that reads as creativity and calm at first glance.
The five colors
- Cream (#F5EDE5): a clean, paper-quiet neutral.
- Mint Leaf (#8CBDAE): A luminous, dusty teal — the color of glacier melt.
- Slate (#4F61AF): A full-bodied, balanced violet — the color of twilight just after sunset.
- Forest (#004F50): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#34244B): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Creativity, 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
- Softworn Sapphire Hollow color palette (#FFF3E7, #86C0E4, #3663D9, #005652, #372364)
- Timeworn Petrol Orchard color palette (#FAEBE5, #7EBEC2, #007297, #00532A, #0E2D58)
- Wandering Petrol Field color palette (#E4EBE5, #91B8D9, #3D6AB0, #004959, #0D1038)
- Cobalt Courtyard color palette (#F3EEE5, #A0D0C2, #5786D0, #00697F, #21275B)
- Teal Hollow color palette (#AFF4FF, #00A9B0, #005C5E, #003236, #00191A)
- Dusty Navy Orchard color palette (#F1E5DD, #469BBB, #00488E, #003129, #12063C)
- Antique Emerald color palette (#DEEDD4, #009F66, #006C60, #004851, #162A48)
- Worn Plum color palette (#CEE6CE, #009192, #AD3868, #005455, #500028)
Browse the whole catalog at Explore, or see today's palette.