Pine Bloom color palette — #F3F7ED · #8CBDA0 · #B886AB · #008856 · #674144

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

The five colors

• Ivory (#F3F7ED): bright and airy, almost weightless.
• Mint Leaf (#8CBDA0): A luminous, dusty teal — the color of sea glass.
• Dusty Rose (#B886AB): A luminous, dusty pink — the color of a candy shop window.
• Fern (#008856): A full-bodied, balanced teal — the color of shallow lagoons.
• Cocoa (#674144): A full-bodied, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Creativity, Sophistication. 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

• Petrol Meadow color palette (#EDF9EF, #77BDC5, #CC8277, #00828C, #534B48)
• Hushed Olive color palette (#FAF5E8, #B8B27A, #A78AC5, #7F740D, #673F4E)
• Periwinkle Alley color palette (#E8F5F5, #8AC2A4, #759DDA, #36825F, #223246)
• Muted Periwinkle Harbor color palette (#F2F8EA, #94D5B7, #87B1FC, #47A07C, #5B4559)
• Hushed Plum Grove color palette (#EDFAE9, #62A79B, #957DAF, #AE5769, #394733)
• Patina Driftwood Veranda color palette (#F2F7EC, #B9E1E7, #C2C0CA, #839769, #474F40)
• Raspberry Villa color palette (#EBFBE4, #00AB97, #CE437C, #006B5E, #651939)
• Timeworn Bronze color palette (#FBF4EA, #C1B89C, #9F7938, #82501A, #4F4A00)

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