Pine Courtyard color palette — #C9E5E1 · #1D7A4E · #00412F · #002421 · #000401
Pine and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Silver (#C9E5E1): A whisper-light, dusty teal — the color of shallow lagoons.
- Pine (#1D7A4E): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#00412F): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Onyx (#002421): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000401): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication, Depth, Luxury, Grounding. Tagged botanical, earthy, muted, dark.
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
- Lagoon Workshop color palette (#CBEAE9, #3F886F, #005043, #002E42, #000B06)
- Midnight Parlor color palette (#D8ECE3, #4E6018, #193100, #001817, #010100)
- Washed Lantern color palette (#C6EEED, #25AD87, #006B5B, #004849, #001B12)
- Pine Archive color palette (#E1F8F0, #8FB574, #457A42, #0D575A, #142604)
- Worn Ultramarine color palette (#D3E1FE, #4345C3, #00564A, #1E007E, #000403)
- Dusty Lagoon Pier color palette (#E7F5F6, #8EBDC4, #33847E, #3E586F, #092D31)
- Aubergine Coast color palette (#EFEBFF, #561AA7, #75003A, #003446, #020007)
- Linen Navy color palette (#E7EAFA, #AE85CC, #A55BA8, #332782, #0E001E)
Browse the whole catalog at Explore, or see today's palette.