Pine Courtyard color palette — #F8E8F3 · #007A4A · #004552 · #4A0014 · #001B16

Built around Pine, softened by Espresso — the whole palette hums with nature and growth.

The five colors

• Blush (#F8E8F3): A whisper-light, dusty pink — the color of a candy shop window.
• Pine (#007A4A): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#004552): A deep, shadowed, dusty blue — the color of open sky before noon.
• Espresso (#4A0014): A deep, shadowed, balanced red — the color of embers at dusk.
• Ink (#001B16): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, 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

• Olive Pier color palette (#EFDDE5, #537200, #004740, #440033, #001D05)
• Forest Meadow color palette (#F8D6EB, #006758, #00344D, #300A00, #000E0F)
• Navy Ridge color palette (#DCF2DB, #00747A, #003784, #341F00, #001922)
• Aged Lagoon color palette (#CFEAE4, #328C69, #00504C, #193700, #002021)
• Cellar Aubergine color palette (#D0E3E3, #00693B, #41008A, #3A0F00, #150B00)
• Pale Denim color palette (#FFDDC8, #009088, #00568C, #5A2800, #002F36)
• Deep Navy Cabin color palette (#DFF4DF, #00545F, #0A0075, #150B00, #000408)
• Pale Moss Basin color palette (#BFE8EE, #58B400, #009687, #00639B, #001C1E)

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