Pine Bloom color palette — #EBE3B8 · #9AB778 · #3F8742 · #006638 · #00392A
A conversation between Fern and Pine, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#EBE3B8): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#9AB778): A luminous, balanced green — the color of fresh herbs.
- Fern (#3F8742): A full-bodied, balanced green — the color of new leaves after rain.
- Pine (#006638): A full-bodied, balanced teal — the color of sea glass.
- Deep Forest (#00392A): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, 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
- Tempered Pine color palette (#C9F1D5, #97B05A, #2C8C2C, #006448, #144B56)
- Softworn Olive color palette (#F3DEB3, #B4A764, #7A7800, #485900, #21390F)
- Antique Lagoon Atelier color palette (#E0E5D1, #6CB190, #00947C, #005F5C, #003538)
- Lagoon Courtyard color palette (#E9F9D4, #92CFB1, #359068, #004F34, #001B12)
- Pine Studio color palette (#F0F5E1, #7FB289, #B274AE, #007936, #391A37)
- Softworn Studio color palette (#D8ECD5, #00AB52, #006E4F, #00453B, #001C1A)
- Cocoa Garden color palette (#FCF0E0, #BBA986, #8E6F3D, #6D3F13, #29220C)
- Frosted Coast color palette (#EDF6DC, #4BA272, #6F78BE, #AB482B, #1A2205)
Browse the whole catalog at Explore, or see today's palette.