Petrol Courtyard color palette — #EEF7FA · #D5DBE5 · #B9C0CE · #318287 · #3E4A4E

Built around Teal, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Ivory (#EEF7FA): a clean, paper-quiet neutral.
• Silver (#D5DBE5): bright and airy, almost weightless.
• Ash (#B9C0CE): A luminous, dusty violet — the color of a velvet chair.
• Teal (#318287): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#3E4A4E): 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

• Tempered Lagoon color palette (#ECF3F6, #D3D7DF, #BABBCA, #008687, #1E2F34)
• Patina Pewter Balcony color palette (#EAF9F4, #8FB9B2, #5A7E5D, #336365, #2C4944)
• Washed Petrol color palette (#F1F5FE, #DBD7E1, #B0B2C4, #5A5F91, #353A47)
• Abyss Station color palette (#DCE5E9, #9BACB6, #65839A, #003F49, #001721)
• Patina Driftwood Ridge color palette (#E3F2FF, #A7BBD2, #7888A8, #696176, #604553)
• Navy Dune color palette (#E4E7F4, #B5B7CA, #8C8BA5, #45357F, #1B1E2E)
• Misty Aqua color palette (#EAF8FF, #6AE9F3, #5CD0F6, #5599D1, #264659)
• Washed Drift color palette (#DFFCF9, #3BA7BF, #27719B, #5A426C, #204154)

Browse the whole catalog at Explore, or see today's palette.