Petrol Courtyard color palette — #EEF0E3 · #7DBDCB · #00748F · #004F52 · #003346
Teal and Ash set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#EEF0E3): a clean, paper-quiet neutral.
- Ash (#7DBDCB): A luminous, dusty blue — the color of deep harbor water.
- Teal (#00748F): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004F52): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Teal (#003346): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Patina Petrol color palette (#F0E8DC, #97BEA4, #007699, #004C47, #00182A)
- Worn Denim Station color palette (#EAEEDF, #62A7D0, #005C91, #003C4B, #001F40)
- Dusty Study color palette (#E7F2E9, #9ECCE1, #3392B7, #006C66, #00314F)
- Dusty Periwinkle color palette (#E2F4FF, #A9D5FF, #7CA2ED, #006175, #0D4134)
- Tempered Alley color palette (#EAEBD9, #00A3A6, #00545B, #00302B, #00171D)
- Olive Thicket color palette (#CCE6D5, #008DA7, #657300, #005262, #262D00)
- Aged Courtyard color palette (#F5F6EE, #C1EBE8, #79A590, #55795D, #3F594F)
- Patina Periwinkle Field color palette (#F9EBE4, #B7DEC4, #41AEF5, #00956D, #1D2959)
Browse the whole catalog at Explore, or see today's palette.