Pine Courtyard color palette — #FBF2FA · #D3D4E3 · #5EB2D8 · #378053 · #182E4F

Built around Fern, softened by Cyan — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF2FA): bright and airy, almost weightless.
• Silver (#D3D4E3): A whisper-light, dusty violet — the color of twilight just after sunset.
• Cyan (#5EB2D8): A luminous, balanced blue — the color of open sky before noon.
• Fern (#378053): A full-bodied, balanced teal — the color of sea glass.
• Navy (#182E4F): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Softworn Market color palette (#FAF2F7, #D7D4E0, #9DBEE5, #429281, #353E58)
• Hushed Terrace color palette (#FCF2F7, #D4DFFD, #6592D8, #006B60, #1D173E)
• Muted Workshop color palette (#EDF4EF, #A0D0E1, #008AA4, #005D4E, #002434)
• Tempered Denim Chapel color palette (#EEE2EB, #58B1BE, #005B83, #002D1A, #00000C)
• Cobalt Harbor color palette (#FFF2ED, #B0CEB4, #0083AE, #136338, #493049)
• Washed Lantern color palette (#D9FEFB, #88D39D, #CC8BDD, #008C46, #391742)
• Taupe Villa color palette (#DEFDF7, #BFE5F4, #CABEC4, #AA9D55, #03393C)
• Muted Ultramarine color palette (#F8EAF0, #7DC0E5, #3061C1, #003E39, #030010)

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