Petrol Courtyard color palette — #D8EFF0 · #007F99 · #00496C · #002556 · #050029
Cerulean and Midnight set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#D8EFF0): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#007F99): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#00496C): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Midnight (#002556): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Ink (#050029): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
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
- Soft Azure Studio color palette (#D7EDF6, #009CD2, #006C9D, #00385F, #000D21)
- Cypress Loft color palette (#E3F5ED, #00847C, #005056, #002936, #000E1A)
- Gentle Navy Workshop color palette (#CEF4FF, #00729F, #003F96, #180578, #0D0026)
- Wandering Petrol Alley color palette (#E1F2EC, #0072AB, #7A4C00, #003A5A, #0E0600)
- Tempered Navy color palette (#D2E0F4, #4B84D8, #0139A2, #001B40, #000108)
- Hazy Cobalt color palette (#C9E5EC, #5CAFD4, #3684BE, #3D4D87, #2B294B)
- Washed Orchid Garden color palette (#DBEAF4, #A8B2E2, #A966AC, #004F5B, #000B24)
- Antique Lantern color palette (#C2E8E1, #C35F00, #0079B5, #070A16, #000201)
Browse the whole catalog at Explore, or see today's palette.