Pine Bloom color palette — #DFF4F1 · #7ABA79 · #3E9DDE · #0E8A1E · #00395A

Built around Olive Leaf, softened by Cornflower — the whole palette hums with nature and growth.

The five colors

• Cream (#DFF4F1): A whisper-light, dusty teal — the color of shallow lagoons.
• Jade (#7ABA79): A luminous, balanced green — the color of new leaves after rain.
• Cornflower (#3E9DDE): A luminous, balanced blue — the color of deep harbor water.
• Olive Leaf (#0E8A1E): A full-bodied, vivid green — the color of new leaves after rain.
• Navy (#00395A): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Quiet Periwinkle color palette (#F4F8E2, #78D983, #3CAEFE, #298C3C, #002A46)
• Olive Basin color palette (#DEF5EB, #A8AE65, #00A8BD, #737800, #003D46)
• Ancient Station color palette (#C8EEE8, #6BA762, #009BAA, #A06B00, #183314)
• Lilac Grove color palette (#D9F4FD, #55B9BF, #9E7FE5, #008188, #3A2A5B)
• Amber Loft color palette (#D6F6F6, #70BA93, #CD8136, #008757, #512A00)
• Worn Emerald Courtyard color palette (#E0FCFA, #A8EEEE, #7FD9CB, #639D51, #1D4C4C)
• Hushed Courtyard color palette (#D2FFE2, #87CBA2, #299E66, #005C32, #002715)
• Cypress Cabin color palette (#E0F3F5, #ABBD84, #007462, #003F35, #041A1C)

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