Pine Garden color palette — #FCF3EF · #BEE8F3 · #58B0E7 · #00835A · #3D243A

Teal takes the lead with Cornflower close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Frost (#BEE8F3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cornflower (#58B0E7): A luminous, balanced blue — the color of deep harbor water.
• Teal (#00835A): A full-bodied, balanced teal — the color of sea glass.
• Espresso (#3D243A): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Calm, 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

• Worn Turquoise Cabin color palette (#FCF3F0, #BBEBF0, #00B8DD, #417F3F, #02372D)
• Powder Summit color palette (#FAF4EF, #C0E4F5, #8FBDFF, #3B9385, #503645)
• Weathered Bloom color palette (#FBF4ED, #CAEBFF, #638EEB, #006A64, #211440)
• Weathered Bloom color palette (#FAF2F8, #A4CCDD, #3482A4, #00624E, #1E3C5D)
• Hushed Villa color palette (#F1E6E1, #6EADBB, #005A89, #002D1E, #00000B)
• Quiet Courtyard color palette (#FFF2EE, #F07D92, #00A1E5, #4480C6, #2E120C)
• Frosted Parlor color palette (#FFF2EB, #FFA48C, #00BBD1, #C34828, #002E35)
• Tempered Cobalt color palette (#FFF2EB, #8DD9EF, #007FCE, #005340, #070232)

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