Pine Bloom color palette — #ECF0E8 · #D0DBD1 · #A2BFB4 · #23855F · #2A311E

A conversation between Fern and Ash, giving this palette its sense of sophistication.

The five colors

• Cream (#ECF0E8): bright and airy, almost weightless.
• Silver (#D0DBD1): bright and airy, almost weightless.
• Ash (#A2BFB4): A luminous, dusty teal — the color of sea glass.
• Fern (#23855F): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Forest (#2A311E): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Jade Pier color palette (#ECF0E9, #C8D7D2, #A1C2BD, #00AB86, #2A3024)
• Washed Pine Lantern color palette (#EFF7F7, #D4DDE7, #BBC5E9, #318960, #122121)
• Cypress Market color palette (#E3EBE0, #B9C9C0, #B19DB0, #007067, #182315)
• Cerulean Hollow color palette (#E9FAF0, #E6D9E6, #D4B3C2, #0085A0, #1D3A2B)
• Olive Hollow color palette (#F0E2D7, #BEA157, #657C21, #02635A, #372501)
• Aged Teal color palette (#D5ECD6, #61B9BA, #697DA5, #7C543F, #592B00)
• Hushed Ash Meadow color palette (#EFF7F3, #DDD4D2, #A5A89B, #6A9E9E, #4A5650)
• Muted Cypress color palette (#DDF2DD, #008283, #0A3653, #071B09, #030500)

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