Petrol Courtyard color palette — #F4EEE4 · #71C1C4 · #007588 · #005142 · #003345
Built around Teal, softened by Mint Leaf — the whole palette hums with trust and stability.
The five colors
- Cream (#F4EEE4): bright and airy, almost weightless.
- Mint Leaf (#71C1C4): A luminous, dusty teal — the color of sea glass.
- Teal (#007588): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005142): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Teal (#003345): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Petrol Hollow color palette (#F7E4DE, #65C5CA, #00769A, #004F25, #001435)
- Antique Cerulean Chapel color palette (#FAF4EB, #ABCFB5, #0085A8, #006058, #114437)
- Sunlit Sapphire Chapel color palette (#F5EDE1, #85B8DD, #0F65C6, #004E5C, #202A55)
- Muted Turquoise color palette (#E6F2EF, #9AE2E5, #26B8CA, #009287, #00343F)
- Turquoise Cabin color palette (#F8F4EE, #CBE5DF, #56A6BE, #417B70, #345147)
- Frosted Cerulean Delta color palette (#F7EAF6, #83D4D7, #0094BD, #266E3C, #0F2E53)
- Cerulean Veranda color palette (#ECE2D3, #358DA2, #00425B, #002221, #000A17)
- Navy Orchard color palette (#F0EAE0, #5F95BF, #00449A, #002E39, #0A0C37)
Browse the whole catalog at Explore, or see today's palette.