Pine Garden color palette — #FCF3EE · #BDE6EB · #5BB4CA · #008451 · #00324B

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

The five colors

• Ivory (#FCF3EE): a clean, paper-quiet neutral.
• Silver (#BDE6EB): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#5BB4CA): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#008451): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#00324B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, 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

• Periwinkle Grove color palette (#FAF4EF, #C1E4F6, #73A8F2, #007E83, #282A4E)
• Timeworn Aqua Harbor color palette (#ECF8F5, #C0E8F3, #00C9D5, #22A18E, #00434C)
• Pale Teal color palette (#DDFFE7, #6CD8BB, #00A8A0, #006E79, #003240)
• Cerulean Lantern color palette (#FBF2F8, #97D2CF, #258599, #25603F, #1B3E56)
• Softworn Denim color palette (#F1E4DE, #65B0B4, #005E74, #002D1C, #000103)
• Wandering Studio color palette (#E9FBEA, #DAD8E5, #C8B2B6, #56AD8D, #1D3D2E)
• Washed Cerulean Thicket color palette (#DDFFE9, #8DE5F5, #0099AC, #004F58, #001216)
• Gentle Blush color palette (#ECFAED, #45D6DB, #EC818B, #00878B, #4B0C19)

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