Petrol Courtyard color palette — #F4F7EC · #B4E0CD · #639DC3 · #00798F · #11443A

Teal takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F4F7EC): bright and airy, almost weightless.
• Celadon Mist (#B4E0CD): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#639DC3): A luminous, balanced blue — the color of deep harbor water.
• Teal (#00798F): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#11443A): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Softworn Turquoise Harbor color palette (#E0E1D0, #53B2BB, #007384, #004A47, #00171F)
• Cerulean Thicket color palette (#F5F7E7, #87D9ED, #009BC1, #007177, #00384E)
• Weathered Petrol Corridor color palette (#F3F7EC, #AEE1D4, #6D97D3, #0075A4, #4C2F48)
• Patina Denim Orchard color palette (#EAEFE0, #5E9AC0, #005C95, #003949, #00091B)
• Patina Cobalt color palette (#FCF3ED, #A8CFBE, #4A7AB4, #005F60, #303660)
• Patina Driftwood color palette (#F4F6EE, #C8E5E5, #90BCAB, #6A9178, #2E5348)
• Cobalt Corridor color palette (#E6EBDE, #88B7DD, #2176C8, #005571, #001B4C)
• Worn Sky Bloom color palette (#FCF2F6, #C1E6FF, #73B6FF, #00A09F, #30385C)

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