Petrol Courtyard color palette — #E1F3EF · #6CC7D0 · #007485 · #003E3C · #000305

Teal and Aqua set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E1F3EF): a clean, paper-quiet neutral.
• Aqua (#6CC7D0): A luminous, balanced blue — the color of open sky before noon.
• Teal (#007485): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003E3C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000305): a grounded near-black with real depth.

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

• Aged Sapphire Courtyard color palette (#E0F3F2, #92BBE1, #0665C3, #003A52, #000113)
• Worn Cerulean color palette (#E4FBF8, #96D7EE, #0085B1, #005059, #000E1A)
• Softworn Lagoon color palette (#E1F7FF, #7ED1FF, #6FA5E7, #006470, #00070C)
• Olive Drift color palette (#CCE3ED, #008E9D, #6D6B00, #00444C, #010100)
• Wandering Garden color palette (#D2F2ED, #009E9C, #005E64, #00282D, #000102)
• Pale Lapis Summit color palette (#D1EDF5, #007487, #4C39C5, #00521E, #000102)
• Cerulean Alley color palette (#E9DBE6, #68C0C9, #0090B8, #007054, #001529)
• Cypress Ridge color palette (#ECF8F6, #D6DEEA, #5CB4CD, #007F81, #003445)

Browse the whole catalog at Explore, or see today's palette.