Petrol Courtyard color palette — #F4E7E0 · #6FAFAE · #007287 · #004D2E · #001624

Teal takes the lead with Forest close behind in a set that reads as nature and growth at first glance.

The five colors

• Rose Water (#F4E7E0): bright and airy, almost weightless.
• Turquoise (#6FAFAE): A luminous, dusty teal — the color of sea glass.
• Teal (#007287): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004D2E): A deep, shadowed, balanced teal — the color of glacier melt.
• Ink (#001624): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, 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 Archive color palette (#F1DDD0, #5DAECA, #006BA9, #004B45, #030C3D)
• Dusty Market color palette (#F8E9F3, #7BC6C4, #007488, #004025, #000306)
• Lagoon Terrace color palette (#EFEFDF, #75BFBE, #00959E, #006E61, #00181C)
• Worn Teal Corridor color palette (#D9E5D4, #59C4AA, #259BB6, #5B5600, #001A0B)
• Dusty Forest color palette (#F9EBE4, #90D3CD, #0097AB, #0D703B, #003347)
• Airy Olive Atelier color palette (#EDE6D4, #7C7E00, #3E5E00, #003916, #00150E)
• Patina Workshop color palette (#D6EADB, #04A242, #006928, #00331A, #000301)
• Periwinkle Courtyard color palette (#FFF3E8, #B7E7D6, #729BE2, #008189, #3A3A67)

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