Pine Bloom color palette — #FFF1F2 · #DD8BD0 · #6AA860 · #008F5A · #310E14
Built around Fern, softened by Bubblegum — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF1F2): bright and airy, almost weightless.
- Bubblegum (#DD8BD0): A luminous, balanced pink — the color of a candy shop window.
- Moss (#6AA860): A luminous, balanced green — the color of new leaves after rain.
- Fern (#008F5A): A full-bodied, balanced teal — the color of glacier melt.
- Onyx (#310E14): A deep, shadowed, dusty red — the color of a theater curtain.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
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
- Tempered Boulevard color palette (#FFF2EF, #EE7D9B, #19AE8F, #00918C, #2F110C)
- Weathered Balcony color palette (#FFF1F7, #AD91F8, #9D9B31, #738836, #2D0F1F)
- Airy Blush Hollow color palette (#FFF1F1, #D97AAC, #009DA4, #00659B, #270B0C)
- Weathered Loft color palette (#E4E0FF, #B16DC3, #3B6900, #006B54, #2B2740)
- Tempered Apricot color palette (#FFF2ED, #FF8953, #00B0D2, #0092C2, #3C1300)
- Softworn Shell Hollow color palette (#FFF2ED, #FFB6AF, #79CBCE, #5DB0C0, #3E3633)
- Softworn Cocoa color palette (#FFF2EB, #E8BE9D, #B37967, #7E454C, #2E1E04)
- Powdered Peony color palette (#FFD5D8, #D051BC, #006D2A, #006450, #050004)
Browse the whole catalog at Explore, or see today's palette.