Pine Bloom color palette — #F2F8E6 · #69B287 · #B46F9D · #1E784C · #5C324E
Pine takes the lead with Dusty Rose close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F2F8E6): A whisper-light, dusty green — the color of new leaves after rain.
- Jade (#69B287): A luminous, balanced teal — the color of shallow lagoons.
- Dusty Rose (#B46F9D): A luminous, balanced pink — the color of peonies in June.
- Pine (#1E784C): A full-bodied, balanced teal — the color of glacier melt.
- Mulberry (#5C324E): A deep, shadowed, dusty pink — the color of a candy shop window.
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
- Pine Dune color palette (#F0F4E2, #7EB384, #BB7398, #0E792E, #41142E)
- Cypress Field color palette (#EFF8EE, #6CC1BB, #C5838E, #00847F, #694138)
- Misty Emerald color palette (#E8F9F9, #81CAA0, #D189C0, #00995F, #593351)
- Patina Harbor color palette (#FBF5E3, #A4A554, #8380C5, #6B6A00, #3F3C66)
- Lagoon Lantern color palette (#EFFAE0, #249F74, #736FC1, #95563A, #363933)
- Linen Cabin color palette (#E1FEEA, #00A6BD, #CC5238, #006877, #661F10)
- Timeworn Plum Courtyard color palette (#D5EDC9, #009A86, #C80078, #005C4F, #580032)
- Bronze Pier color palette (#FFF4E2, #B6A57D, #876F3B, #6B4A24, #3F3D36)
Browse the whole catalog at Explore, or see today's palette.