Hazy Olive color palette — #F8F8D7 · #578700 · #007483 · #7A3000 · #21310D

Olive Leaf takes the lead with Rust close behind in a set that reads as nature and growth at first glance.

The five colors

• Custard (#F8F8D7): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#578700): A full-bodied, balanced green — the color of new leaves after rain.
• Teal (#007483): A full-bodied, balanced blue — the color of open sky before noon.
• Rust (#7A3000): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Forest (#21310D): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

One click turns Hazy Olive 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

• Pine Dune color palette (#EEFCD2, #008D54, #006DA5, #634300, #27300C)
• Garnet Studio color palette (#FFF4DD, #8B7500, #00776A, #821E38, #36290B)
• Olive Hollow color palette (#DFE1BE, #307400, #005D71, #572900, #0B2103)
• Tempered Navy color palette (#FBF7D0, #00A47A, #006F6A, #10408E, #2A3C1C)
• Pine Cabin color palette (#F3F7ED, #CCE0D4, #AFC3A5, #2D7B52, #384700)
• Soft Ultramarine color palette (#A6F6F0, #007873, #3A35D9, #404000, #002524)
• Cerulean Lagoon color palette (#EBFAEE, #23A1B2, #7F76AD, #55663B, #324136)
• Clover Quarry color palette (#F5F7E5, #37C110, #00765E, #196804, #142204)

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