Pine Bloom color palette — #FFF2ED · #DCB87F · #939853 · #35793F · #00443D
Built around Olive, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF2ED): bright and airy, almost weightless.
- Sand (#DCB87F): A luminous, balanced gold — the color of afternoon light on wheat.
- Moss (#939853): A luminous, balanced green — the color of new leaves after rain.
- Olive (#35793F): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#00443D): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, Balance. 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
- Moss Drift color palette (#FFF2EC, #FFD692, #A3A223, #2A7A42, #003F3B)
- Feathered Atelier color palette (#FFEBED, #F3B498, #B48C48, #676F00, #00461E)
- Quiet Jade Pier color palette (#FFEAD4, #C9C782, #65A76B, #00796D, #00485A)
- Fern Study color palette (#DFFFE2, #B6A976, #69792C, #1B6100, #004723)
- Wandering Parlor color palette (#FFF3E9, #DCA565, #5F9662, #6B588B, #403D36)
- Washed Villa color palette (#FFF2DF, #DFD588, #A7BB40, #659248, #004B26)
- Weathered Bronze Summit color palette (#F0DDD0, #A07800, #456300, #003927, #000F0F)
- Emerald Studio color palette (#F4DBC2, #BDAD00, #489200, #005C4A, #002E32)
Browse the whole catalog at Explore, or see today's palette.