Petrol Courtyard color palette — #D9ECEC · #007F8D · #004C5F · #002737 · #000409
Teal and Deep Teal set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#D9ECEC): A whisper-light, dusty teal — the color of glacier melt.
- Teal (#007F8D): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004C5F): A deep, shadowed, dusty blue — the color of open sky before noon.
- Midnight (#002737): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#000409): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, 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
- Wandering Lantern color palette (#EDF3DB, #00707E, #00435D, #2D004E, #000406)
- Antique Dune color palette (#DAF8DF, #008356, #005844, #002520, #000404)
- Wandering Navy Archive color palette (#DBF2FF, #0075AD, #004882, #001065, #02001F)
- Nightshade Studio color palette (#D0E8DA, #006279, #2500A4, #300033, #000202)
- Patina Villa color palette (#E8F0E7, #98AA9A, #728E7B, #00504D, #040C03)
- Muted Teal color palette (#CDE6D5, #00ADA6, #008FA2, #00688B, #000508)
- Tempered Denim color palette (#CCE7FA, #4C76A3, #40508E, #4C1841, #290015)
- Gentle Navy Loft color palette (#DCEDF3, #14B0EC, #0079BA, #004685, #00176D)
Browse the whole catalog at Explore, or see today's palette.