Gentle Pine color palette — #FEF1F9 · #CCDFF6 · #00C3DF · #008D4F · #023A52

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

The five colors

• Ivory (#FEF1F9): bright and airy, almost weightless.
• Powder Blue (#CCDFF6): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#00C3DF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#008D4F): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#023A52): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Dusty Sky Basin color palette (#FFF0F9, #D4D5E3, #58B6FF, #00897F, #253357)
• Soft Aqua color palette (#FAF2FB, #B2F3EE, #00CBF2, #5BA555, #124369)
• Ancient Turquoise color palette (#FFF0FA, #B6FDFF, #00ABCE, #00764E, #00273F)
• Muted Powder color palette (#FAF2F8, #D4D4E3, #97D6F3, #6C9B9F, #3F4F60)
• Weathered Forest color palette (#FCEEEB, #BDD8BB, #0091B2, #006819, #002647)
• Washed Denim color palette (#F2E1EB, #58B0C8, #005A88, #002C26, #000108)
• Gentle Bloom color palette (#FFEFFF, #FFAEB3, #00C7C8, #D1455C, #003636)
• Timeworn Courtyard color palette (#FFF1F2, #FF8194, #00B6AA, #0094B9, #3C1018)

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