Pine Bloom color palette — #ECEFE1 · #7BB367 · #007948 · #004A3C · #001E1C

A conversation between Pine and Jade, giving this palette its sense of nature and growth.

The five colors

• Cream (#ECEFE1): bright and airy, almost weightless.
• Jade (#7BB367): A luminous, balanced green — the color of fresh herbs.
• Pine (#007948): A full-bodied, balanced teal — the color of sea glass.
• Forest (#004A3C): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#001E1C): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Balance. Tagged 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

• Ancient Basin color palette (#D4E4D7, #29B58E, #007B71, #004850, #001F28)
• Antique Olive Dune color palette (#F7EACC, #A9A344, #537200, #04480B, #001D11)
• Aged Hollow color palette (#F5EEDF, #8EA823, #187A41, #004F49, #00364B)
• Moss Veranda color palette (#D7F1DC, #6D9A3D, #006B54, #44256B, #001D1B)
• Washed Emerald color palette (#FFF4DE, #BFD383, #35A34A, #006056, #002838)
• Quiet Lime Thicket color palette (#D6E99A, #83C25D, #269858, #006B54, #003A39)
• Softworn Pine color palette (#DFEBD0, #198839, #00593E, #002522, #000506)
• Softworn Olive Alley color palette (#ECF4F1, #C8DADF, #9DBFC0, #596D2A, #142420)

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