Petrol Courtyard color palette — #D7E8C8 · #6CB1A9 · #368089 · #5F4759 · #3F2033
A conversation between Teal and Turquoise, giving this palette its sense of trust and stability.
The five colors
- Celadon Mist (#D7E8C8): A whisper-light, dusty green — the color of new leaves after rain.
- Turquoise (#6CB1A9): A luminous, dusty teal — the color of glacier melt.
- Teal (#368089): A full-bodied, dusty blue — the color of open sky before noon.
- Charcoal Brown (#5F4759): A full-bodied, dusty pink — the color of peonies in June.
- Espresso (#3F2033): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, Sophistication. Tagged vintage, retro, 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
- Worn Dune color palette (#D3F0D1, #81C6CE, #6F897D, #6C5260, #463239)
- Hushed Garden color palette (#E5F4D7, #8BAE8D, #617D3E, #3C584C, #3E2107)
- Gentle Azure Dune color palette (#D2EDF3, #09A8E4, #446793, #593767, #390430)
- Washed Lagoon Station color palette (#D7E7E3, #00A494, #007976, #004B4D, #00272A)
- Worn Powder color palette (#DBEDFF, #8EAFFB, #7575A1, #74485E, #4A232D)
- Timeworn Seafoam Hollow color palette (#FAF8CB, #98E5D3, #6CA3B8, #896559, #4A332B)
- Violet Basin color palette (#DAF0DC, #00A5AB, #8569BB, #006165, #21113B)
- Weathered Thicket color palette (#E5EEFF, #878DC5, #6E638A, #5A3632, #36090F)
Browse the whole catalog at Explore, or see today's palette.