Pine Bloom color palette — #E4F1BC · #99B76C · #4C8D4F · #1B643B · #004A4E
Built around Fern, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#E4F1BC): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#99B76C): A luminous, balanced green — the color of new leaves after rain.
- Fern (#4C8D4F): A full-bodied, balanced green — the color of a quiet forest floor.
- Pine (#1B643B): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#004A4E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
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
- Lagoon Summit color palette (#CCF5D1, #6DC496, #00937A, #00665E, #0D4861)
- Feathered Drift color palette (#F7E1B7, #C0B264, #7D8123, #4B5C0A, #304C26)
- Gentle Emerald color palette (#FFF4DE, #BBC885, #5CA35A, #00815B, #185851)
- Washed Clover Thicket color palette (#E2ECBD, #B6DB8A, #70C458, #46935F, #464942)
- Pine Delta color palette (#D4FFFF, #84CEA8, #2F825F, #005135, #003A28)
- Chalky Lilac color palette (#E3FBF9, #74B07F, #AE6FAE, #2F7641, #533753)
- Bronze Canyon color palette (#ECF9EC, #90B09A, #896D43, #6B4455, #284437)
- Softworn Delta color palette (#DAFEFD, #BDE6ED, #98C5D9, #668356, #32595D)
Browse the whole catalog at Explore, or see today's palette.