Hazy Pine color palette — #F7F2DC · #77AD66 · #007F53 · #004D6A · #22250D

Teal and Jade set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F7F2DC): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#77AD66): A luminous, balanced green — the color of fresh herbs.
• Teal (#007F53): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#004D6A): A deep, shadowed, balanced blue — the color of open sky before noon.
• Onyx (#22250D): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro.

Use it as a design system

One click turns Hazy Pine 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

• Timeworn Drift color palette (#F3F3E2, #6ABEA4, #1A8987, #405176, #24301F)
• Washed Jade Summit color palette (#EEF4E6, #38A378, #007182, #213E77, #251E00)
• Olive Studio color palette (#FAF1DE, #B39B3C, #677300, #00524D, #2B2105)
• Wandering Moss Basin color palette (#FFF1F6, #8BA33A, #007B6B, #604163, #284340)
• Washed Lagoon color palette (#D8E7C7, #00966A, #005F58, #002E69, #001710)
• Pale Mint Ridge color palette (#DCFEF0, #8CC372, #419A6C, #316B85, #284340)
• Quiet Lantern color palette (#F2F7CB, #00A6A6, #006D82, #411B93, #002124)
• Olive Atelier color palette (#F4F2E9, #BAB58B, #5E8145, #655400, #2B2811)

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