Pine Garden color palette — #F2E2ED · #56D7D2 · #00A3BD · #00824B · #002234

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

The five colors

• Blush (#F2E2ED): A whisper-light, dusty pink — the color of neon signs at night.
• Aqua (#56D7D2): A luminous, balanced teal — the color of glacier melt.
• Cerulean (#00A3BD): A luminous, balanced blue — the color of open sky before noon.
• Fern (#00824B): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#002234): A deep, shadowed, dusty 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 Market color palette (#F1DDE9, #67D0EF, #3C9AD8, #007E72, #0C1D41)
• Dusty Basin color palette (#E5E6D3, #5DC4C2, #00858B, #005A4E, #00242A)
• Muted Forest Meadow color palette (#FFF2EE, #8BDCDA, #0088A6, #005614, #000D1E)
• Linen Chapel color palette (#FFF0F8, #A1E5FF, #51B2FF, #009890, #1B2D69)
• Airy Coral color palette (#FFE1E1, #FF5B6A, #00A49D, #C52F44, #00201E)
• Faded Ridge color palette (#FDF1F9, #83FBFE, #00CAF3, #00AB74, #044468)
• Denim Station color palette (#EAE5DD, #87A684, #00646E, #003B2A, #000D13)
• Cobalt Station color palette (#FCE9EE, #69A6DB, #526FC1, #005C67, #0B0027)

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