Petrol Courtyard color palette — #C8E5F4 · #00788C · #002F3F · #00131C · #000407
Teal takes the lead with Midnight close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#C8E5F4): A whisper-light, dusty blue — the color of deep harbor water.
- Teal (#00788C): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#002F3F): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#00131C): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#000407): quiet, heavy and certain.
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
- Shadow Orchard color palette (#D1E7F4, #005E78, #352F36, #001C2E, #00060C)
- Wandering Cerulean color palette (#D0EAF5, #0097AA, #2D456A, #0A2B37, #001518)
- Softworn Sapphire color palette (#E3EFFF, #1D6FE1, #253149, #0F1620, #04070B)
- Gentle Byzantium color palette (#D7E5FF, #3478FF, #B52EB5, #007071, #041539)
- Azure Grove color palette (#C5E7F6, #08AFEF, #006FA9, #004C85, #00234E)
- Frosted Veranda color palette (#E8F3FF, #1F9EF9, #009D41, #005F9C, #00290B)
- Faded Lantern color palette (#E4F6F6, #A5D6FF, #3784D9, #005D7E, #0B224D)
- Lime Alley color palette (#DEF9ED, #98B543, #4A7B06, #33553A, #00271E)
Browse the whole catalog at Explore, or see today's palette.