Petrol Courtyard color palette — #F0F4E6 · #6CC9EE · #007BAB · #00505C · #001C30
A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.
The five colors
- Cream (#F0F4E6): bright and airy, almost weightless.
- Sky (#6CC9EE): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#007BAB): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#00505C): A deep, shadowed, dusty blue — the color of open sky before noon.
- Midnight (#001C30): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, 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
- Cerulean Canyon color palette (#F1F3EB, #B1D0BE, #3B85A5, #005A63, #00281D)
- Misty Cobalt Lantern color palette (#FFF0F9, #7CC2E0, #0071BE, #005653, #1B2677)
- Pale Coast color palette (#E5FBF8, #9DD4EB, #0098D0, #007080, #003656)
- Timeworn Denim color palette (#ECEFE1, #74A4BD, #005E8C, #003844, #000B1B)
- Navy Dune color palette (#DDE1D7, #517CA7, #00377D, #001D2C, #00000D)
- Patina Hollow color palette (#B8FFF4, #8DE8E9, #00BAD7, #00755B, #002321)
- Softworn Petrol Quarry color palette (#F1F3EC, #C6DFE1, #75A89A, #417385, #422E43)
- Petrol Field color palette (#C7F2E8, #008474, #0069A9, #525700, #00120F)
Browse the whole catalog at Explore, or see today's palette.