Petrol Courtyard color palette — #EFF6FA · #D5D9E5 · #A9BFD6 · #007888 · #31434A
Teal and Ash set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EFF6FA): a clean, paper-quiet neutral.
- Silver (#D5D9E5): a clean, paper-quiet neutral.
- Ash (#A9BFD6): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#007888): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#31434A): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Hushed Balcony color palette (#EAF4F7, #D2D7EC, #B1BFE0, #007A81, #122830)
- Sapphire Delta color palette (#F0F6FE, #DBD7E7, #B7BAD4, #2E67BF, #35414F)
- Muted Hollow color palette (#E6F0F6, #C2CED8, #93A2B6, #005E75, #203039)
- Washed Lagoon Archive color palette (#F0F8F1, #C6E2E4, #E3C3D8, #0099A1, #384339)
- Timeworn Driftwood Basin color palette (#F3F5FB, #DCD8DE, #B7A8A5, #7F7BAC, #4F525D)
- Weathered Parlor color palette (#DBF1FF, #98B2D5, #7C70AD, #7F492D, #4A4E09)
- Petrol Quarry color palette (#CEE8FE, #0070A4, #152853, #001A2B, #020614)
- Hazy Pine color palette (#E5FBF4, #82B17F, #007D53, #005D5C, #1F451D)
Browse the whole catalog at Explore, or see today's palette.