Petrol Courtyard color palette — #DEF3FF · #489BCB · #006DB2 · #004A8A · #173666
Royal Blue takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#DEF3FF): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#489BCB): A luminous, balanced blue — the color of deep harbor water.
- Royal Blue (#006DB2): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#004A8A): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#173666): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, 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
- Powdered Cobalt Veranda color palette (#DEF1F3, #00B7E5, #0082D8, #2E5DAD, #32335C)
- Weathered Turquoise Archive color palette (#D7EDEE, #27B1C3, #007689, #00566C, #004055)
- Nightshade Chapel color palette (#E2EAFC, #7B90D5, #595AC1, #4E33AA, #423369)
- Weathered Navy Hollow color palette (#EDF2FF, #89A4E1, #4260B0, #17228E, #09184F)
- Aged Raspberry Harbor color palette (#F7E9F8, #5C90D0, #B74E82, #0055A5, #55203A)
- Aged Byzantium color palette (#F0DDF2, #367CC5, #9247A8, #006961, #0D2C4D)
- Wandering Petrol Courtyard color palette (#FFF0FD, #FBCED3, #BAA9E8, #266CB2, #4F3149)
- Ancient Nightshade color palette (#E8F0FF, #4355CD, #3700A7, #240060, #210023)
Browse the whole catalog at Explore, or see today's palette.