Pine Bloom color palette — #F8EFCC · #277C17 · #00412F · #1F2000 · #000400

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

The five colors

• Custard (#F8EFCC): A whisper-light, dusty green — the color of new leaves after rain.
• Olive (#277C17): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#00412F): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#1F2000): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#000400): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, 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

• Wandering Harbor color palette (#F4E7D6, #6E6C00, #1E4000, #2A1B00, #030300)
• Weathered Lantern color palette (#EFF1D6, #007B59, #003F3D, #3C0900, #000402)
• Aged Moss Loft color palette (#ECE2D0, #83983D, #1C652A, #004241, #161200)
• Faded Emerald color palette (#CDE8E1, #5CA152, #005E2A, #1D3200, #000200)
• Worn Emerald color palette (#E9E6CD, #00B258, #006B5B, #364500, #001C09)
• Mustard Workshop color palette (#FCF0DF, #AEAE30, #467B25, #0B584F, #282000)
• Garnet Coast color palette (#D4F2D8, #00686F, #8C0022, #003034, #0A0001)
• Weathered Lagoon color palette (#F4E2D8, #009DA1, #005265, #002D1C, #00050C)

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