Pine Bloom color palette — #ECF9F2 · #8EBAAD · #597F57 · #5B5570 · #2C4941

Fern takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#ECF9F2): bright and airy, almost weightless.
• Sage (#8EBAAD): A luminous, dusty teal — the color of glacier melt.
• Fern (#597F57): A full-bodied, dusty green — the color of fresh herbs.
• Charcoal Brown (#5B5570): A full-bodied, dusty violet — the color of a velvet chair.
• Forest (#2C4941): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Pine Bloom 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 Studio color palette (#E9F6EC, #92BEB2, #4B8267, #5C4D71, #042F26)
• Patina Cypress Ridge color palette (#E9FAF2, #74A79B, #3D7049, #693E2D, #183D36)
• Basalt Coast color palette (#FAF4EC, #C9C69F, #659E80, #796990, #4A4400)
• Ancient Driftwood Villa color palette (#FFF0F7, #CCFCEF, #AED9C6, #9D6962, #40503E)
• Weathered Cerulean color palette (#EFF8F1, #C3E1F3, #5192B9, #1F6F70, #2E4A67)
• Emerald Harbor color palette (#CCF6EA, #56A761, #006B4C, #67294D, #0A3814)
• Washed Lagoon Field color palette (#FFF0F7, #BB7547, #009075, #6B5E99, #482F3C)
• Misty Grove color palette (#FFF0F8, #CD8E71, #0999B8, #A04814, #004B5B)

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