Pine Bloom color palette — #F3F3E6 · #89AB80 · #2B763D · #384F0C · #1D1E07

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

The five colors

• Cream (#F3F3E6): bright and airy, almost weightless.
• Sage (#89AB80): A luminous, dusty green — the color of a quiet forest floor.
• Olive (#2B763D): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#384F0C): A deep, shadowed, balanced green — the color of fresh herbs.
• Onyx (#1D1E07): A deep, shadowed, dusty green — the color of new leaves after rain.

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 Meadow color palette (#F1F3EA, #ACB996, #1A886D, #465C43, #242A18)
• Dusty Lagoon color palette (#EEF1E3, #50A078, #00644D, #003F53, #0E1500)
• Timeworn Corridor color palette (#EEE4CA, #939E00, #4C6600, #004940, #151800)
• Aged Emerald Ridge color palette (#FCF4E5, #C3DA9D, #4C9E63, #217072, #2B290F)
• Washed Cypress Station color palette (#E4EED6, #037A61, #004038, #002425, #000402)
• Dusty Lantern color palette (#FEECF7, #DBD8FF, #C1A2DB, #5470A4, #321E2A)
• Wandering Plum color palette (#F8D9ED, #6B6CD9, #B23584, #006777, #22091B)
• Quiet Sapphire color palette (#DBEAF6, #4496E7, #0263D4, #1B3A89, #161D46)

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