Pine Courtyard color palette — #E5F6F4 · #98BF9F · #BA89B4 · #34844A · #342B47
Fern and Dusty Rose set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E5F6F4): a clean, paper-quiet neutral.
- Sage (#98BF9F): A luminous, dusty teal — the color of glacier melt.
- Dusty Rose (#BA89B4): A luminous, balanced pink — the color of a candy shop window.
- Fern (#34844A): A full-bodied, balanced green — the color of a quiet forest floor.
- Navy (#342B47): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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
- Ancient Meadow color palette (#E8F6EE, #BEB480, #9A92D5, #837200, #302B4F)
- Antique Courtyard color palette (#E4F6FA, #87BECA, #CA8A74, #00837C, #4C2416)
- Azure Market color palette (#EBF8F7, #8BBE96, #639DD8, #498157, #394F66)
- Antique Mallow color palette (#F5F6EB, #AAD0A6, #E296BD, #689C62, #644342)
- Patina Hollow color palette (#DCF8F9, #69AC8F, #A879B3, #AA5A81, #0C2D2E)
- Washed Market color palette (#E9F6EA, #AAC2B3, #6E8C6F, #704B5E, #17322A)
- Driftwood Market color palette (#E2F7F6, #C9DCEC, #C1B7E3, #86945F, #234042)
- Petrol Corridor color palette (#E8F4F8, #DEB5CC, #3B6978, #00393C, #08161B)
Browse the whole catalog at Explore, or see today's palette.