Petrol Courtyard color palette — #F1F7F2 · #D2DDDE · #D2BCC1 · #2B818E · #414A44
Teal takes the lead with Stone close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Silver (#D2DDDE): bright and airy, almost weightless.
- Stone (#D2BCC1): A luminous, dusty red — the color of embers at dusk.
- Teal (#2B818E): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#414A44): 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 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 Petrol Grove color palette (#EBF3F8, #D3D8E3, #B8BCCE, #3F7F90, #222E34)
- Aged Driftwood color palette (#EFF7F2, #CFDFDF, #B0C6C8, #719A82, #424A45)
- Patina Dune color palette (#FAF2F9, #E6D5D5, #DEADB7, #4067B6, #4A3948)
- Dusty Denim Lagoon color palette (#EBF9F3, #E0CBDE, #A4A0D0, #006385, #1A3A2E)
- Cypress Drift color palette (#F8F5EA, #9CB994, #378466, #45614E, #454600)
- Driftwood Canyon color palette (#E4F0E9, #99AFA9, #767CA5, #003E4D, #04190E)
- Weathered Cobalt Alley color palette (#D6EAE3, #0079B1, #45263D, #11231D, #050F0D)
- Worn Chestnut Alley color palette (#DFFCE2, #9DC0B1, #837AA5, #7B5E13, #5C5000)
Browse the whole catalog at Explore, or see today's palette.