Petrol Courtyard color palette — #F6EFF5 · #E4D1D0 · #CBAEB3 · #49629E · #251E24

Slate and Rosewood Mist set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#F6EFF5): a clean, paper-quiet neutral.
• Silver (#E4D1D0): A whisper-light, dusty orange — the color of autumn markets.
• Rosewood Mist (#CBAEB3): A luminous, dusty red — the color of a theater curtain.
• Slate (#49629E): A full-bodied, balanced violet — the color of a velvet chair.
• Onyx (#251E24): quiet, heavy and certain.

Feels like: Creativity, 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

• Antique Delta color palette (#F2F5FB, #DCD9E3, #C2B2AC, #7784C7, #2A2E38)
• Dusty Grape color palette (#F9EFF2, #E8CCCD, #D598A3, #7A2FA7, #29111A)
• Plum Station color palette (#F8F0EF, #E5D5C6, #D5B8A7, #9D487F, #321F20)
• Dusty Summit color palette (#F1E6ED, #C1ADB4, #AB8184, #34358D, #140510)
• Mulberry Market color palette (#EFE7E6, #D6C8C2, #BA9D87, #7F3A5A, #201110)
• Patina Pewter color palette (#D3E8E3, #B998A9, #936182, #34522E, #19351A)
• Velvet Grape Grove color palette (#ECD8E1, #7240C3, #381634, #18060F, #040104)
• Timeworn Pine Studio color palette (#F7F1E6, #96A96D, #28763C, #4A3F64, #201D04)

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