Pine Courtyard color palette — #FCF1FB · #738EBD · #4D7648 · #005E56 · #243730

Olive and Slate Blue set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF1FB): a clean, paper-quiet neutral.
• Slate Blue (#738EBD): A luminous, dusty violet — the color of wild irises.
• Olive (#4D7648): A full-bodied, balanced green — the color of a quiet forest floor.
• Pine (#005E56): A full-bodied, dusty teal — the color of glacier melt.
• Deep Forest (#243730): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Washed Fern color palette (#EDF8F1, #4C93A8, #7D6D20, #345C22, #2F3B2D)
• Dusty Studio color palette (#FBEEF1, #9C7EB1, #876E05, #005259, #28181D)
• Muted Bronze color palette (#F6F3FE, #CC93C8, #A77B00, #0C7E7D, #312F3F)
• Pale Lapis color palette (#FFF0FA, #5D57D0, #005E39, #004146, #022744)
• Mallow Summit color palette (#F4F4FF, #D6ACFD, #D7968C, #598CA7, #2E3441)
• Navy Hollow color palette (#FFF1F2, #9C5C8D, #006576, #163D7D, #391E28)
• Tempered Hollow color palette (#FFF1F2, #B686AB, #995E57, #0F5985, #453A64)
• Tempered Driftwood color palette (#FBF3F3, #DED8D4, #AAAEA4, #9F728D, #5C4F4F)

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