Petrol Courtyard color palette — #F6F7E3 · #6DC9CD · #007C89 · #00564F · #003A45
A conversation between Teal and Aqua, giving this palette its sense of trust and stability.
The five colors
- Cream (#F6F7E3): A whisper-light, dusty green — the color of fresh herbs.
- Aqua (#6DC9CD): A luminous, balanced teal — the color of sea glass.
- Teal (#007C89): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#00564F): A full-bodied, dusty teal — the color of glacier melt.
- Deep Teal (#003A45): 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
- Quiet Aqua Market color palette (#FFEEE5, #48D1D8, #007E9B, #005439, #001C30)
- Turquoise Drift color palette (#E7FAF6, #76EFF7, #00C0D6, #00988F, #003A46)
- Sunlit Petrol color palette (#EDF0E8, #8EB6D8, #1A69B5, #004C66, #132C56)
- Weathered Market color palette (#F5F6EF, #CAE3DF, #6AA3B5, #247D7F, #2E5343)
- Worn Denim Meadow color palette (#E6E7DE, #85A98D, #006273, #003E3D, #00242F)
- Muted Cobalt Villa color palette (#F4F7EA, #AFD9C7, #1C87C3, #006378, #004272)
- Hazy Cerulean color palette (#FFF0FB, #6DDFE5, #009BBE, #007651, #003657)
- Antique Abyss Bloom color palette (#E3E5DA, #618B75, #00425A, #002226, #000B14)
Browse the whole catalog at Explore, or see today's palette.