Hazy Olive color palette — #F9F2FF · #D67AB3 · #587800 · #007179 · #212637

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

The five colors

• Ivory (#F9F2FF): bright and airy, almost weightless.
• Bubblegum (#D67AB3): A luminous, balanced pink — the color of a candy shop window.
• Olive (#587800): A full-bodied, balanced green — the color of new leaves after rain.
• Teal (#007179): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#212637): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged jewel, vibrant.

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

• Bronze Bloom color palette (#F5F3FF, #B481C9, #917E00, #006E5B, #1C2A3D)
• Olive Loft color palette (#FBF2FB, #E5858B, #82871F, #006A76, #402E54)
• Timeworn Pine Lagoon color palette (#FDF1FC, #D8756F, #008E58, #006190, #282639)
• Lilac Studio color palette (#FFF1F5, #B998E6, #258D81, #006984, #281324)
• Amber Market color palette (#E7FBEB, #F091A2, #C46B36, #007464, #4A3547)
• Soft Plum color palette (#FDF1FD, #C34267, #376529, #274F1B, #1C283B)
• Hazy Rose color palette (#FDE4FF, #F12868, #006932, #00546C, #240A3A)
• Aged Ultramarine color palette (#FFF0F8, #EC6400, #007D72, #0B4FBF, #37142A)

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