Hazy Pine color palette — #F5F7E3 · #6BB781 · #007D54 · #5B5200 · #1E442A
Teal and Jade set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F5F7E3): A whisper-light, dusty green — the color of a quiet forest floor.
- Jade (#6BB781): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#007D54): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Olive (#5B5200): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#1E442A): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.
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
- Muted Pine Quarry color palette (#F7F5EC, #B3B288, #4D8248, #665A05, #474500)
- Weathered Jade color palette (#DBFFEC, #00C385, #00784F, #00472F, #00301D)
- Worn Jade Station color palette (#F4F4D9, #57BF8D, #007C73, #6D3D35, #002817)
- Ancient Forest Study color palette (#E3E6DA, #5B9B7F, #006451, #3D4200, #232D13)
- Weathered Olive color palette (#FDF4E3, #ADA74F, #687000, #774116, #3D3A34)
- Misty Pine Lagoon color palette (#EDFCD2, #AEF5FF, #00CFC9, #2D853E, #434740)
- Emerald Archive color palette (#E2F3C8, #009764, #007EA2, #735F00, #003B24)
- Misty Moss Thicket color palette (#D0EDAA, #62B409, #1F8B11, #006029, #004540)
Browse the whole catalog at Explore, or see today's palette.