Pine Courtyard color palette — #FFF0FA · #B2FFFB · #00ACC6 · #007744 · #00283C

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

The five colors

• Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
• Sea Foam (#B2FFFB): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#00ACC6): A luminous, balanced blue — the color of deep harbor water.
• Pine (#007744): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#00283C): 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

• Azure Pier color palette (#FFF0FB, #D2DAF6, #00A7E1, #00745F, #00244B)
• Hazy Turquoise Canyon color palette (#F6F6E9, #94ECE8, #00C2CA, #009A84, #003A42)
• Aqua Balcony color palette (#DCF9F2, #2CD5D0, #008287, #005346, #001F23)
• Dusty Denim Study color palette (#EADBE6, #75ACB9, #005C82, #002C24, #000105)
• Dusty Teal color palette (#F9F3F7, #D4D5E4, #99D6EE, #4DA585, #395065)
• Misty Chartreuse Orchard color palette (#DEFFE5, #6EEF90, #00974A, #004E20, #000F02)
• Dusty Lime Lantern color palette (#E0FFDE, #65E063, #A375F9, #107816, #280051)
• Gentle Moss Alley color palette (#D7FFF7, #BCE7E7, #80E0FF, #968E00, #003B1E)

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