Worn Petrol Courtyard color palette — #F0F7F4 · #D0DEE0 · #D2BDC4 · #4B7B94 · #404B46
Built around Slate, softened by Stone — the whole palette hums with trust and stability.
The five colors
- Ivory (#F0F7F4): bright and airy, almost weightless.
- Silver (#D0DEE0): a clean, paper-quiet neutral.
- Stone (#D2BDC4): A luminous, dusty rose — the color of strawberry cream.
- Slate (#4B7B94): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Charcoal (#404B46): a grounded near-black with real depth.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Worn 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
- Aged Petrol Lantern color palette (#ECF4EF, #E2CFCD, #CBB4B6, #457E92, #252F2A)
- Muted Coast color palette (#FBF2F7, #E8D4D3, #DAAEBC, #675CAE, #4D3944)
- Aged Driftwood Market color palette (#F9F3F8, #E3D7D9, #B4AEA4, #947790, #575056)
- Hushed Basin color palette (#E6F0EC, #B1A4B1, #6B7EAA, #003B5F, #021913)
- Tempered Chestnut Dune color palette (#FFF0F9, #D1B2BF, #977EA1, #95533B, #694B00)
- Denim Lantern color palette (#FCF1FD, #DECCDB, #9CA4CD, #0059AA, #3D2C3E)
- Aged Lagoon Canyon color palette (#F4F6EE, #88BDA7, #008672, #456246, #334B07)
- Powdered Garden color palette (#FDF0FF, #ACE0FF, #7AB6FF, #6F7FDB, #4A344B)
Browse the whole catalog at Explore, or see today's palette.