Pine Bloom color palette — #EAF5F1 · #96BDB4 · #5C8058 · #4F5B2C · #022F28
A conversation between Fern and Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#EAF5F1): a clean, paper-quiet neutral.
- Ash (#96BDB4): A luminous, dusty teal — the color of shallow lagoons.
- Fern (#5C8058): A full-bodied, dusty green — the color of fresh herbs.
- Olive (#4F5B2C): A full-bodied, dusty green — the color of a quiet forest floor.
- Deep Forest (#022F28): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Sophistication, 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
- Lagoon Station color palette (#EAF4F4, #ABCACB, #559081, #446968, #1C3637)
- Cypress Field color palette (#E5F6F3, #82AC87, #327351, #005344, #002220)
- Wandering Lagoon Meadow color palette (#B3EBF0, #67BEAF, #00928A, #005656, #003437)
- Timeworn Pine color palette (#F8F5EC, #A1B890, #34855C, #6E5600, #474500)
- Petrol Harbor color palette (#E0F6FF, #7CC9D7, #008593, #004E56, #00191D)
- Tempered Grove color palette (#DEF7FF, #2E9FA4, #5F7DC0, #50792D, #00232C)
- Bronze Drift color palette (#F7F6E7, #C7C89B, #709D6E, #7D7329, #474500)
- Moonless Pine color palette (#CFE6E0, #3E773C, #004220, #112400, #000400)
Browse the whole catalog at Explore, or see today's palette.