Pine Garden color palette — #F1E5F1 · #83CFD5 · #2F9ECD · #008249 · #051D45

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

The five colors

• Blush (#F1E5F1): A whisper-light, dusty pink — the color of a candy shop window.
• Ice Blue (#83CFD5): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#2F9ECD): A luminous, balanced blue — the color of open sky before noon.
• Fern (#008249): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#051D45): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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 Station color palette (#FAEBF2, #96C7E3, #6591DF, #007E74, #201444)
• Petrol Station color palette (#EDE5DA, #83BDC0, #008399, #005B4B, #002331)
• Ancient Forest Canyon color palette (#E6DBE6, #60B0AF, #0081A1, #006220, #00091A)
• Periwinkle Field color palette (#FFF1F7, #ABE2FF, #76ABFF, #00998B, #331F70)
• Fuchsia Summit color palette (#F2D6F1, #E969E9, #009B90, #00844A, #230024)
• Patina Denim Study color palette (#F2E8E4, #4FADB0, #00617E, #003C19, #000A1F)
• Washed Meadow color palette (#FAF3F8, #D1E2FB, #8FC5EB, #5FAA89, #394862)
• Grape Station color palette (#DDDDEE, #D28FF8, #02AA68, #832AAC, #002210)

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