Petrol Courtyard color palette — #E9F0ED · #E3D1DF · #D5AAB8 · #007CA7 · #21322B

Cerulean and Rosewood Mist set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E9F0ED): bright and airy, almost weightless.
• Silver (#E3D1DF): A whisper-light, dusty pink — the color of peonies in June.
• Rosewood Mist (#D5AAB8): A luminous, dusty rose — the color of strawberry cream.
• Cerulean (#007CA7): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#21322B): A deep, shadowed, dusty teal — the color of sea glass.

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 Azure Canyon color palette (#E7F1EE, #E4D0D6, #CBB5BA, #5398D1, #1A342D)
• Indigo Terrace color palette (#F4ECF0, #E4D2D6, #CFAFAA, #6866B7, #382832)
• Softworn Denim color palette (#E7F0F7, #BFCDE2, #96A0BA, #1B5A83, #222F3B)
• Feathered Brick Lagoon color palette (#D7E6D9, #0098A4, #BA0031, #294E00, #112600)
• Frosted Garden color palette (#E9DDBD, #00A3C1, #704CC3, #4F4900, #002C23)
• Periwinkle Lantern color palette (#CEEEF3, #89AEE4, #9D6D9A, #456333, #35352E)
• Wandering Olive color palette (#EFE2D9, #BEA06B, #707900, #64467B, #382503)
• Lilac Chapel color palette (#FBF3F4, #E8D8CB, #D3BF9E, #A66DB2, #4E393E)

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