Pine Garden color palette — #FDF3F0 · #BDE8EF · #58B3D6 · #34814A · #3D243E

Fern and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FDF3F0): bright and airy, almost weightless.
• Frost (#BDE8EF): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#58B3D6): A luminous, balanced blue — the color of open sky before noon.
• Fern (#34814A): A full-bodied, balanced teal — the color of sea glass.
• Espresso (#3D243E): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Pine Garden 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 Study color palette (#FBF4EC, #C4E3F7, #8EA2E8, #007F7F, #34244E)
• Antique Lagoon Parlor color palette (#F1F7F2, #BDE9F6, #37C5DE, #00A383, #004156)
• Blush Garden color palette (#E5FCED, #57D2EB, #E48599, #00859A, #4B0B20)
• Forest Market color palette (#FAF2FA, #96D2D2, #0085A8, #1A632E, #223C58)
• Seafoam Meadow color palette (#DFFFE1, #66DCBC, #00A5A5, #006275, #002D4B)
• Patina Denim color palette (#F6E1D9, #61B1B8, #005C7E, #002D17, #000107)
• Softworn Driftwood color palette (#FCF3F0, #C6DDE0, #9ACECB, #90966E, #38544D)
• Aged Cerulean Summit color palette (#F6F1EA, #B4D0B5, #008B9F, #005D4A, #00281A)

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