Pine Bloom color palette — #E4FBF8 · #8DC9D6 · #8F8AC4 · #447E4E · #374A5A

Olive and Slate Blue set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E4FBF8): A whisper-light, dusty teal — the color of sea glass.
• Sky (#8DC9D6): A luminous, dusty blue — the color of deep harbor water.
• Slate Blue (#8F8AC4): A luminous, balanced violet — the color of wild irises.
• Olive (#447E4E): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#374A5A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged retro, 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

• Softworn Azure color palette (#EDF9EF, #91C9D2, #7094C7, #866A35, #304C58)
• Cypress Lantern color palette (#E4FBF9, #AABDED, #B0829C, #257E77, #42465F)
• Bronze Terrace color palette (#F9F6E1, #BAE3FF, #B395C1, #807329, #493A46)
• Lagoon Coast color palette (#F8F3F8, #D4D6EA, #91B7D0, #52986B, #3F546E)
• Pewter Corridor color palette (#FCF4E8, #92A7D8, #8568A2, #6E542C, #53424C)
• Muted Workshop color palette (#FAF3F6, #C1D8C9, #75A79B, #7F7898, #3E5346)
• Plum Study color palette (#DAF5F4, #77A1EC, #A65792, #00635C, #302A4F)
• Tempered Alley color palette (#EEF2FC, #9695C9, #5B546A, #323748, #1C2229)

Browse the whole catalog at Explore, or see today's palette.