Petrol Courtyard color palette — #DFFCF8 · #7AC5D4 · #007A95 · #005558 · #00384C
Teal and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#DFFCF8): A whisper-light, dusty teal — the color of glacier melt.
- Sky (#7AC5D4): A luminous, dusty blue — the color of open sky before noon.
- Teal (#007A95): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#005558): A full-bodied, dusty teal — the color of sea glass.
- Deep Teal (#00384C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. 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
- Misty Villa color palette (#E9F8FF, #94D0FF, #77A1EE, #006F83, #00415D)
- Wandering Petrol Alley color palette (#FAEDF7, #7DC9D8, #007BA9, #005344, #00193A)
- Pale Cobalt color palette (#E8F9F9, #8DBEE3, #0070C0, #00526B, #002F6E)
- Timeworn Lagoon color palette (#DBEEEC, #69A9BD, #00607D, #003D43, #002334)
- Gentle Turquoise Lantern color palette (#F5F7EA, #88EBFF, #00BDE6, #00979C, #00384C)
- Weathered Grape Orchard color palette (#DDF4FF, #007CA1, #7222E4, #006240, #002837)
- Hushed Byzantium Boulevard color palette (#BEEDFF, #0093B6, #AB11C8, #00576E, #4B0059)
- Softworn Lagoon color palette (#E1F5F3, #5188A6, #004065, #00212A, #000919)
Browse the whole catalog at Explore, or see today's palette.