Petrol Courtyard color palette — #EBF7FF · #7EB9D4 · #B982BB · #0D7EA2 · #4F4963
A conversation between Cerulean and Dusty Rose, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EBF7FF): a clean, paper-quiet neutral.
- Sky (#7EB9D4): A luminous, dusty blue — the color of deep harbor water.
- Dusty Rose (#B982BB): A luminous, balanced pink — the color of a candy shop window.
- Cerulean (#0D7EA2): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal Brown (#4F4963): A full-bodied, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged muted.
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
- Cypress Courtyard color palette (#E6FAFD, #6AC3B1, #8893D6, #008574, #414D67)
- Muted Sky color palette (#E7F4FD, #6CBFE4, #CB8979, #357B98, #3E2939)
- Jade Dune color palette (#EEF6FF, #90B3DD, #5FAC7C, #4A75A8, #255655)
- Tempered Dune color palette (#EDF7FF, #D8D9E4, #C6BFE7, #65899E, #424F5D)
- Weathered Powder Quarry color palette (#EAF9F1, #7BD2EF, #DFA17F, #4898B2, #524C47)
- Denim Garden color palette (#F1F5FC, #D0B5D7, #4B5D87, #2B394F, #25242C)
- Ember Drift color palette (#F2F4FF, #A58FE2, #CB6958, #6C54A5, #60352D)
- Amber Loft color palette (#E6F9FD, #6AC2B8, #B69436, #00847B, #365640)
Browse the whole catalog at Explore, or see today's palette.