Gentle Pine color palette — #FFF2ED · #9FEAF1 · #38A8DA · #00884F · #1E3E74

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

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Sea Foam (#9FEAF1): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#38A8DA): A luminous, balanced blue — the color of deep harbor water.
• Fern (#00884F): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#1E3E74): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

One click turns Gentle Pine 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

• Timeworn Periwinkle Drift color palette (#FFF3E8, #B3E2FF, #779AE3, #00837C, #423668)
• Powdered Aqua Garden color palette (#FCF4E8, #9BF6FF, #00CAF3, #00A892, #004662)
• Aged Cerulean color palette (#EEF8F0, #96DCE3, #008EAB, #00685A, #004662)
• Soft Balcony color palette (#D2E5D5, #00CFAE, #009AA0, #006884, #08407B)
• Hushed Powder color palette (#FBF3EF, #CEE6E5, #8FB5DC, #589482, #614B59)
• Emerald Boulevard color palette (#DEFFE4, #E5E6F7, #E1ADFF, #4DA05F, #144C5B)
• Denim Field color palette (#F2E2D5, #5E9BB9, #2355A2, #003C35, #0A0028)
• Cobalt Canyon color palette (#EBDCCF, #7CBADF, #4E71BF, #005A55, #231048)

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