Hazy Veranda color palette — #EEF2D7 · #2BB3D1 · #7A6AB2 · #11680E · #003A2F

A conversation between Olive and Cyan, giving this palette its sense of nature and growth.

The five colors

• Cream (#EEF2D7): A whisper-light, dusty green — the color of a quiet forest floor.
• Cyan (#2BB3D1): A luminous, balanced blue — the color of deep harbor water.
• Slate (#7A6AB2): A full-bodied, balanced violet — the color of a velvet chair.
• Olive (#11680E): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#003A2F): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Cobalt Parlor color palette (#F6EFD4, #53B5AA, #4975C6, #595900, #113924)
• Violet Meadow color palette (#E9F3D6, #53ABE1, #9160A9, #00663D, #42243E)
• Pine Study color palette (#D8F7E4, #97C0A9, #8884B1, #467645, #055461)
• Hushed Pine color palette (#FDF3EF, #BEDEC1, #4AA1C5, #1E8045, #203B60)
• Pale Aubergine Bloom color palette (#DDE4C5, #008CBA, #7134A0, #00451C, #001339)
• Worn Aubergine Lantern color palette (#DCF7E1, #6382D2, #703F98, #573900, #272F47)
• Hazy Plum color palette (#E0EBC2, #5097FF, #AD329C, #005956, #28195C)
• Antique Olive color palette (#FEF3E9, #C4B28E, #6A8D45, #7A537D, #38352E)

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