Petrol Courtyard color palette — #DAF8EF · #1867B2 · #6A0F00 · #353200 · #001C1A
A conversation between Cobalt and Oxblood, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#DAF8EF): A whisper-light, dusty teal — the color of glacier melt.
- Cobalt (#1867B2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Oxblood (#6A0F00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Espresso (#353200): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#001C1A): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.
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
- Linen Ultramarine color palette (#FFECFD, #024ADA, #732E00, #233300, #001E22)
- Weathered Garnet Summit color palette (#D0EEE6, #0063AC, #7F0041, #1E3500, #000714)
- Softworn Field color palette (#E2FCEA, #006374, #78003E, #3C2500, #001C0B)
- Nightshade Terrace color palette (#F8E1EC, #573AA7, #573600, #00310F, #001925)
- Worn Lapis color palette (#FADFF1, #5355E8, #8D0040, #3E3100, #002B25)
- Ancient Aubergine color palette (#F8E2B5, #4C6DF8, #7410A7, #4B3300, #251E56)
- Hushed Bronze Pier color palette (#FAF2FA, #6581B2, #9A5843, #4A5209, #2B3C2D)
- Ultramarine Field color palette (#FCF1FB, #DFCCD8, #C299A9, #0045DA, #41293F)
Browse the whole catalog at Explore, or see today's palette.