Pine Bloom color palette — #E9E5D5 · #98AD83 · #358546 · #1C588E · #2D2A03
A conversation between Fern and Peacock, giving this palette its sense of nature and growth.
The five colors
- Parchment (#E9E5D5): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#98AD83): A luminous, dusty green — the color of fresh herbs.
- Fern (#358546): A full-bodied, balanced green — the color of new leaves after rain.
- Peacock (#1C588E): A full-bodied, balanced blue — the color of deep harbor water.
- Espresso (#2D2A03): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Balance, Grounding. Tagged botanical, earthy, 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
- Weathered Summit color palette (#E4E7D2, #7BB397, #088474, #4D4C8C, #00321F)
- Tempered Pine color palette (#E0FDF0, #9FCB71, #2F8B45, #315376, #001E18)
- Weathered Aubergine color palette (#F5EAD9, #B5AF58, #728E18, #653393, #332F00)
- Chalky Fern Lantern color palette (#EEE3D6, #91904A, #12670C, #592951, #312807)
- Wandering Coast color palette (#F9F6E4, #9CCA8D, #129F5F, #8C527C, #26431B)
- Hushed Cerulean color palette (#F5EDE1, #94D0D9, #0095B7, #006D61, #00324A)
- Aubergine Lantern color palette (#EEE6DA, #8C8644, #495B00, #3E2570, #121000)
- Feathered Peony Market color palette (#EFDCDD, #BF5DA6, #8D7A00, #00758D, #33102A)
Browse the whole catalog at Explore, or see today's palette.