Hazy Pine color palette — #FAEBE3 · #308E42 · #00575E · #58001B · #00130C

Olive Leaf and Mulberry set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FAEBE3): a clean, paper-quiet neutral.
• Olive Leaf (#308E42): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#00575E): A full-bodied, dusty blue — the color of deep harbor water.
• Mulberry (#58001B): A deep, shadowed, balanced red — the color of embers at dusk.
• Ink (#00130C): A deep, shadowed, dusty teal — the color of sea glass.

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

• Antique Loft color palette (#F4E5D7, #008D71, #005470, #452200, #001212)
• Weathered Delta color palette (#F8EBE2, #758100, #005A49, #500042, #031300)
• Olive Thicket color palette (#EEECD7, #5F7600, #004A79, #4F001B, #100A00)
• Cocoa Parlor color palette (#DEF3D3, #819873, #336E88, #652D20, #2F1900)
• Faded Alley color palette (#F6D2E8, #25AD5A, #007785, #7A2241, #002C22)
• Wandering Meadow color palette (#E6E4CF, #639C78, #006358, #2C4002, #0F1500)
• Faded Pier color palette (#E1E1BA, #008B71, #005859, #10257F, #002B25)
• Midnight Forest Pier color palette (#F2E7DC, #00635B, #003150, #201000, #000203)

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