Petrol Courtyard color palette — #E1F3FF · #00759D · #232647 · #00121F · #000406
A conversation between Slate and Midnight, giving this palette its sense of trust and stability.
The five colors
- Frost (#E1F3FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Slate (#00759D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#232647): A deep, shadowed, dusty violet — the color of twilight just after sunset.
- Ink (#00121F): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000406): a grounded near-black with real depth.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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
- Moonless Grove color palette (#C3E6EC, #007C70, #002E40, #001317, #000504)
- Twilit Orchard color palette (#D2E7F9, #005A8A, #2E272B, #121735, #00060F)
- Worn Coast color palette (#DAE3F4, #5964DF, #322D43, #101621, #03070A)
- Antique Garden color palette (#E0F6EC, #0092C4, #34436B, #0F2D22, #0A140C)
- Dusty Hollow color palette (#FCECFA, #6AE5F2, #008EC2, #00663C, #102348)
- Indigo Harbor color palette (#DAE4FF, #5172FF, #847600, #466926, #0C1436)
- Misty Alley color palette (#DEFAE5, #96B55B, #007F51, #005569, #00271F)
- Nightshade Parlor color palette (#DCEAFF, #001EC0, #291F22, #170323, #000106)
Browse the whole catalog at Explore, or see today's palette.