Pine Courtyard color palette — #CFE4F1 · #3C8742 · #003140 · #1F1D25 · #00070C
A conversation between Fern and Deep Teal, giving this palette its sense of nature and growth.
The five colors
- Frost (#CFE4F1): A whisper-light, dusty blue — the color of open sky before noon.
- Fern (#3C8742): A full-bodied, balanced green — the color of fresh herbs.
- Deep Teal (#003140): A deep, shadowed, dusty blue — the color of deep harbor water.
- Onyx (#1F1D25): quiet, heavy and certain.
- Ink (#00070C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, 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
- Smoked Navy Summit color palette (#DFE8F6, #008A63, #021D74, #000122, #050005)
- Antique Denim color palette (#D1E0F0, #64B98B, #00569C, #002950, #010C1B)
- Cocoa Harbor color palette (#D4F2FC, #005E64, #594000, #232E00, #000203)
- Frosted Mint color palette (#ECF7FF, #7BD18F, #0071A2, #003F5D, #021D2F)
- Velvet Terracotta Terrace color palette (#D2E4F4, #9F3718, #35282A, #001625, #000306)
- Nightshade Alley color palette (#E4E9F2, #9FA4B3, #7E85A0, #232CAC, #02081B)
- Pewter Alley color palette (#F2F5FF, #EDB3B3, #72689F, #433B65, #1E212E)
- Gentle Ember Bloom color palette (#DBF6EE, #DF502E, #004B80, #00162C, #000202)
Browse the whole catalog at Explore, or see today's palette.