Pine Courtyard color palette — #F7E7E3 · #7DBEBB · #0091B2 · #00731D · #00142A

A conversation between Olive and Cerulean, giving this palette its sense of nature and growth.

The five colors

• Rose Water (#F7E7E3): bright and airy, almost weightless.
• Mint Leaf (#7DBEBB): A luminous, dusty teal — the color of shallow lagoons.
• Cerulean (#0091B2): A luminous, balanced blue — the color of open sky before noon.
• Olive (#00731D): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#00142A): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Misty Azure color palette (#EADCD5, #89CDD8, #3D9CD1, #008157, #09194D)
• Antique Cobalt Boulevard color palette (#F0E0D6, #65ABC7, #3E76B9, #005F51, #080029)
• Antique Teal Terrace color palette (#E2F4E5, #4CB4B2, #007480, #004C38, #00171F)
• Hazy Meadow color palette (#E4EFDB, #72CAD1, #5DAEF0, #916D00, #001C0E)
• Spruce Ridge color palette (#F5EBF6, #4E9896, #005265, #002F06, #00040E)
• Weathered Periwinkle Workshop color palette (#F4EDE6, #AFD8FF, #939FE3, #009096, #36234A)
• Aged Clover Meadow color palette (#E1F6E3, #45BA63, #008850, #015812, #000401)
• Emerald Terrace color palette (#FFF2ED, #94EAF1, #07BAF6, #009E59, #002D72)

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