Hazy Pine color palette — #CFECE2 · #A29300 · #6A8300 · #087318 · #010200
Built around Olive, softened by Olive Leaf — the whole palette hums with nature and growth.
The five colors
- Honeydew (#CFECE2): A whisper-light, dusty teal — the color of glacier melt.
- Moss (#A29300): A luminous, balanced green — the color of fresh herbs.
- Olive Leaf (#6A8300): A full-bodied, balanced green — the color of a quiet forest floor.
- Olive (#087318): A full-bodied, balanced green — the color of a quiet forest floor.
- Black (#010200): quiet, heavy and certain.
Feels like: Nature, Growth, Balance. Tagged candy, vibrant, light.
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
- Patina Moss color palette (#D6ECEA, #6BA300, #00944C, #006F58, #000402)
- Washed Lantern color palette (#DCEFE0, #D08000, #957400, #5D5C00, #030200)
- Amber Quarry color palette (#DBF2EA, #BB6F00, #576700, #004637, #010400)
- Gentle Amber Meadow color palette (#F5F0DF, #E38400, #829D00, #008374, #030700)
- Muted Pine Coast color palette (#D9E8D2, #007C27, #005625, #00301C, #000A05)
- Airy Ultramarine Chapel color palette (#CAF4F6, #007C59, #0C4FBB, #00432F, #00041A)
- Patina Clover Harbor color palette (#CDE3E3, #47CD4C, #00B884, #008D85, #001810)
- Patina Navy Coast color palette (#DFEEE5, #3A8775, #216060, #062F61, #090135)
Browse the whole catalog at Explore, or see today's palette.