Hazy Pine color palette — #F7F1E7 · #AC8800 · #32761E · #004B48 · #371002

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

The five colors

• Cream (#F7F1E7): a clean, paper-quiet neutral.
• Mustard (#AC8800): A luminous, balanced gold — the color of honey in a jar.
• Olive (#32761E): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#004B48): A deep, shadowed, dusty teal — the color of glacier melt.
• Onyx (#371002): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Olive Villa color palette (#F9F1E5, #AB8838, #497218, #004C41, #00222E)
• Ancient Amber Workshop color palette (#FAF0E7, #C27949, #6E6700, #004E2E, #380C15)
• Cypress Veranda color palette (#F3F3E8, #88A965, #00856F, #00556A, #371C33)
• Tempered Driftwood color palette (#F9E7C8, #C8BB92, #918E65, #4B6248, #253629)
• Marigold Alley color palette (#EBFAED, #CC9C34, #6F8B4B, #016E5A, #552928)
• Hushed Olive color palette (#F6F2E4, #BDB48A, #677F3C, #774908, #2C2712)
• Soft Market color palette (#F2F4DF, #429A00, #006965, #003D5E, #1E1700)
• Dusty Bronze color palette (#E9E0D4, #9B6A00, #34312A, #1E1407, #0A0502)

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