Pine Bloom color palette — #FFF4DF · #B3C47E · #3F8946 · #1C5C5A · #1D1800

A conversation between Fern and Pistachio, giving this palette its sense of nature and growth.

The five colors

• Cream (#FFF4DF): A whisper-light, dusty gold — the color of honey in a jar.
• Pistachio (#B3C47E): A luminous, balanced green — the color of new leaves after rain.
• Fern (#3F8946): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#1C5C5A): A full-bodied, dusty teal — the color of sea glass.
• Ink (#1D1800): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Olive Courtyard color palette (#FFF3E7, #CCBA7C, #6F7E38, #404F79, #211600)
• Lagoon Archive color palette (#F8F6E6, #98C99D, #168A71, #4D5720, #171B00)
• Antique Lagoon color palette (#FCF5E4, #C2D9AB, #569B70, #2D6F73, #2B290A)
• Dusty Courtyard color palette (#FDF6D9, #7FB177, #007154, #00444F, #010B00)
• Soft Fern color palette (#E8E6D8, #779A59, #14670B, #00452A, #091600)
• Washed Bloom color palette (#FFF2EB, #D2EFD0, #27A2B9, #006E3E, #002232)
• Hushed Delta color palette (#E2E3CE, #2EA577, #005A55, #002F45, #000201)
• Tempered Basalt color palette (#F7F6EB, #C5EACB, #6FAC9D, #59806D, #343E00)

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