Softworn Petrol Courtyard color palette — #EDF8F5 · #658B51 · #4C63AF · #6C3452 · #3B2C31
Slate and Fern set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#EDF8F5): a clean, paper-quiet neutral.
- Fern (#658B51): A full-bodied, balanced green — the color of fresh herbs.
- Slate (#4C63AF): A full-bodied, balanced violet — the color of a velvet chair.
- Mulberry (#6C3452): A full-bodied, balanced rose — the color of pressed rose petals.
- Espresso (#3B2C31): A deep, shadowed, dusty rose — the color of a warm blush.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns Softworn Petrol Courtyard 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 Study color palette (#EDF8F8, #64A985, #3E74A8, #6E4262, #58332F)
- Weathered Lagoon color palette (#E7F5F4, #469C70, #6C699A, #4C4971, #241A22)
- Petrol Atelier color palette (#EFF8F0, #997B42, #007A94, #54436F, #3E313C)
- Patina Lagoon Workshop color palette (#E9F9FB, #249889, #87588D, #6F3F31, #223731)
- Ancient Lagoon color palette (#E9FAED, #83B691, #0C8886, #6E4A72, #354D4E)
- Timeworn Garnet Veranda color palette (#E7F7FF, #006980, #75003A, #412A00, #001C0D)
- Grape Coast color palette (#DDFDFB, #007F40, #5800C6, #710032, #2A2300)
- Worn Driftwood color palette (#EFF7F6, #D3DCE0, #AFAAB7, #678D69, #4C5554)
Browse the whole catalog at Explore, or see today's palette.