Petrol Courtyard color palette — #E7FAF4 · #BFE9CB · #6BB2A0 · #3E77A9 · #264546

Slate and Turquoise set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E7FAF4): A whisper-light, dusty teal — the color of glacier melt.
• Celadon Mist (#BFE9CB): A whisper-light, dusty teal — the color of glacier melt.
• Turquoise (#6BB2A0): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#3E77A9): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#264546): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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

• Wandering Cypress color palette (#EAF9F1, #E3E0AF, #95AB77, #278184, #2D453C)
• Antique Pewter Canyon color palette (#E5FAF8, #AAEAEF, #65ADC8, #7766A4, #254450)
• Pale Corridor color palette (#DEFDF8, #59CBCC, #008DA8, #513F95, #00272B)
• Worn Teal Chapel color palette (#FFF0F8, #C5DA9D, #5EC2B2, #AE7998, #334E4B)
• Mint Dune color palette (#E6FAF9, #7AC098, #3F5A5D, #1C2F2F, #091110)
• Hushed Taupe color palette (#FFEEE2, #9DB677, #2C897E, #69445F, #2B2E1C)
• Aged Jade Parlor color palette (#FAF6DF, #83B780, #4B856D, #376454, #434E00)
• Timeworn Ash color palette (#E3FAFF, #D1DCE9, #A4C4D5, #8790AD, #4A4B62)

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