Hushed Petrol Courtyard color palette — #FFF0F9 · #F7ADB3 · #696AA6 · #3D3D65 · #2A1D25

Slate and Ballet Pink set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Ballet Pink (#F7ADB3): A luminous, balanced red — the color of embers at dusk.
• Slate (#696AA6): A full-bodied, balanced violet — the color of twilight just after sunset.
• Navy (#3D3D65): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Onyx (#2A1D25): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Creativity, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Hushed 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 Bloom color palette (#FDF2F3, #EEB5A1, #935C87, #593351, #2D1C1E)
• Softworn Sand Quarry color palette (#F1F5FF, #EBD29E, #8A91C0, #556283, #1C212E)
• Petrol Studio color palette (#FBF2FB, #8CD7B2, #4E72A8, #513951, #291D29)
• Peony Delta color palette (#FCF2F6, #D1B3FF, #C667B5, #9168C7, #2F1F20)
• Washed Stone color palette (#FFF0FB, #B1B46D, #404D83, #3D2437, #24171A)
• Softworn Cabin color palette (#FBF3F4, #E5D8D4, #D7BEB2, #A281AC, #504447)
• Antique Petrol color palette (#EAFAF1, #A6D29F, #0B7E9A, #224C38, #17251E)
• Timeworn Peony color palette (#FFF2EA, #DC98C5, #C06581, #815B24, #4E3635)

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