Pine Courtyard color palette — #DEF6EE · #1F8E54 · #002C4A · #17151C · #000814

A conversation between Fern and Midnight, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#DEF6EE): A whisper-light, dusty teal — the color of sea glass.
• Fern (#1F8E54): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#002C4A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#17151C): a grounded near-black with real depth.
• Ink (#000814): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Patina Meadow color palette (#E0ECDE, #638600, #37343E, #00312F, #000A09)
• Pale Emerald Summit color palette (#DBEFFF, #1AAF45, #004A6D, #001D2E, #000307)
• Weathered Delta color palette (#FAEDF9, #82C4A4, #2D5392, #351E34, #120911)
• Shadow Rust Veranda color palette (#E4F0FF, #C05700, #00225A, #00071F, #040005)
• Dusty Pewter Quarry color palette (#F8EFF2, #EBB3AE, #6A5589, #452533, #191114)
• Tempered Aubergine Courtyard color palette (#F1E8EC, #BEAEB4, #AA808D, #452D8C, #14050E)
• Washed Amber color palette (#F7E9F8, #DB8E43, #003B74, #000717, #030004)
• Worn Mulberry Courtyard color palette (#FBE5FE, #005395, #750064, #003023, #000207)

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