Ancient Petrol Courtyard color palette — #F9EBE6 · #78BFC3 · #007297 · #00532A · #102D56

Built around Teal, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Cream (#F9EBE6): bright and airy, almost weightless.
• Mint Leaf (#78BFC3): A luminous, dusty blue — the color of deep harbor water.
• Teal (#007297): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#00532A): A deep, shadowed, balanced teal — the color of glacier melt.
• Navy (#102D56): A deep, shadowed, balanced blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Ancient 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

• Sapphire Grove color palette (#F8ECE3, #8FBDA9, #1E64C6, #005148, #2C274F)
• Petrol Villa color palette (#E3ECE4, #72C3C9, #00788E, #004C40, #001925)
• Cobalt Parlor color palette (#FDF3EE, #AAD0B6, #2E7FB3, #006346, #4D2F47)
• Aged Atelier color palette (#F6EDDF, #6ED7DF, #0096B1, #006E5D, #003347)
• Turquoise Pier color palette (#F4EBF2, #A1E0E5, #00B5E2, #00956D, #023051)
• Feathered Nightshade color palette (#EFE3D7, #6495BD, #2E21C2, #003031, #1C0335)
• Ancient Cerulean color palette (#ECE2DC, #298EA5, #003F68, #002319, #040229)
• Tempered Atelier color palette (#B7F8DB, #1EA86E, #00653F, #003423, #001C0F)

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