Hushed Petrol Courtyard color palette — #F9E9F1 · #84C0DB · #0069B5 · #003E3C · #010015

A conversation between Royal Blue and Sky, giving this palette its sense of trust and stability.

The five colors

• Blush (#F9E9F1): A whisper-light, dusty rose — the color of pressed rose petals.
• Sky (#84C0DB): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#0069B5): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#003E3C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#010015): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, 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

• Worn Basin color palette (#F6EAF2, #78C6C6, #007389, #004027, #000307)
• Patina Cornflower color palette (#FFF1F5, #A1D2FB, #4C73D8, #005059, #0E0030)
• Patina Denim color palette (#F8ECE4, #509AB8, #004C82, #00302E, #060741)
• Softworn Cobalt Quarry color palette (#E2E6D8, #7ABAD6, #008DC6, #006A7C, #001527)
• Plum Study color palette (#FDE5EC, #BA0067, #006852, #004E47, #040001)
• Cypress Pier color palette (#FDF1F6, #D7D4DF, #7EA9DF, #007F80, #252953)
• Hazy Raspberry color palette (#EBE4F3, #C74493, #00786C, #6D004A, #000201)
• Antique Market color palette (#FFE8F2, #FFBDB0, #D08E1B, #68367B, #140003)

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