Pine Garden color palette — #FFF2EB · #AAE8E9 · #12ADCD · #008758 · #004468

Fern and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Sea Foam (#AAE8E9): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#12ADCD): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#008758): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#004468): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

Feels like: 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

• Periwinkle Bloom color palette (#FEF3EB, #AEE4FC, #34A0FD, #00837F, #2C3A74)
• Lagoon Delta color palette (#E7FAF6, #95DDDD, #00909A, #00685C, #004853)
• Quiet Alley color palette (#F6F6E9, #87FBFA, #00CEDB, #00A894, #004853)
• Lagoon Quarry color palette (#FBF4EE, #C6E3E6, #88A5D9, #008B94, #5B3D4F)
• Aged Denim Orchard color palette (#F0E0D6, #5B9DB4, #005C94, #003C38, #01002F)
• Cornflower Delta color palette (#FFF3E2, #EBB644, #1E8EEB, #987000, #003C6B)
• Wandering Abyss Courtyard color palette (#F6E8E1, #8CAC89, #007384, #004D28, #001623)
• Hushed Cobalt Hollow color palette (#ECDDD4, #92BCA9, #2E77BE, #005958, #111452)

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