Pine Courtyard color palette — #FAF3F7 · #B0DDE9 · #48A3B8 · #00814D · #153F56

Teal and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Powder Blue (#B0DDE9): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#48A3B8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#00814D): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#153F56): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

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

• Timeworn Turquoise Delta color palette (#FCF3EF, #CCE0FA, #4DB6CC, #387F56, #0C372A)
• Timeworn Harbor color palette (#F9F3F7, #CFE0FC, #73ADD0, #008E7A, #324966)
• Cobalt Basin color palette (#F5EBF1, #95CFE1, #3B8EC6, #006D63, #132A5D)
• Weathered Aqua Summit color palette (#EDF8F5, #A3F1EE, #36C7D1, #469D8D, #00434C)
• Pale Lagoon color palette (#D3E6D5, #59C3A6, #009B8E, #006E7B, #003D52)
• Aged Lagoon Summit color palette (#F6F6EB, #B3CEB0, #00898F, #006153, #22432C)
• Patina Denim Orchard color palette (#EDDDE8, #52A1A4, #006279, #003E28, #000A16)
• Hushed Cerulean color palette (#E5F7FF, #66C7D2, #0094A5, #005765, #00252A)

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