Petrol Courtyard color palette — #E4E0BA · #53C486 · #009E89 · #0068B4 · #002C1D

Cobalt and Jade set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#E4E0BA): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#53C486): A luminous, balanced teal — the color of sea glass.
• Fern (#009E89): A luminous, balanced teal — the color of shallow lagoons.
• Cobalt (#0068B4): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#002C1D): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged retro, cool.

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

• Lapis Grove color palette (#DFE1C0, #3EC2AB, #009BA2, #4351D8, #002B28)
• Muted Basin color palette (#F2F1D3, #7BCEAC, #2AACA3, #4674BC, #003A2E)
• Antique Lime Coast color palette (#E9DEB9, #99B946, #479E4E, #007287, #172A00)
• Washed Thicket color palette (#DFE5C8, #009BA5, #007391, #5800AB, #000E11)
• Mulberry Balcony color palette (#F5D7C4, #809F47, #007A6F, #850047, #032D0D)
• Grape Cabin color palette (#DAE2C7, #1EBED8, #0093CB, #8338BE, #002934)
• Linen Moss color palette (#FFF0F8, #7DB639, #007B75, #6E114D, #001716)
• Timeworn Loft color palette (#DDE9CD, #00A575, #465B3A, #253600, #040501)

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