Hazy Pine color palette — #DDF0EE · #5CBD6B · #00837B · #007828 · #001014
Olive and Clover set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#DDF0EE): A whisper-light, dusty teal — the color of glacier melt.
- Clover (#5CBD6B): A luminous, balanced green — the color of fresh herbs.
- Teal (#00837B): A full-bodied, balanced teal — the color of glacier melt.
- Olive (#007828): A full-bodied, balanced green — the color of fresh herbs.
- Ink (#001014): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Balance. Tagged duotone.
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
- Softworn Orchard color palette (#ECF8F8, #69CC92, #00948D, #00884F, #041C21)
- Worn Delta color palette (#E0EEF1, #20BDAA, #007E9E, #007467, #000F19)
- Airy Pine Workshop color palette (#E1EFE9, #A6AE22, #008936, #646900, #001110)
- Teal Atelier color palette (#D0F6E5, #16BFA1, #00827A, #005759, #002E33)
- Mustard Station color palette (#E6FBF2, #B8C462, #0083A3, #626A00, #000103)
- Timeworn Navy Orchard color palette (#C3E7DE, #00AB8B, #007879, #28418B, #002B25)
- Feathered Moss color palette (#ECECE0, #9CCD7C, #00A9AE, #569E00, #001202)
- Pine Studio color palette (#E6F1F1, #C6DDDE, #90C1CA, #008757, #1D3232)
Browse the whole catalog at Explore, or see today's palette.