Hazy Basin color palette — #F6DFFB · #FF89A3 · #009A3D · #007583 · #0E1760

Built around Kelly Green, softened by Rose — the whole palette hums with nature and growth.

The five colors

• Blush (#F6DFFB): A whisper-light, dusty pink — the color of a candy shop window.
• Rose (#FF89A3): A luminous, balanced red — the color of embers at dusk.
• Kelly Green (#009A3D): A full-bodied, vivid green — the color of a quiet forest floor.
• Teal (#007583): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#0E1760): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

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

• Gentle Tangerine Delta color palette (#FFDCF4, #FF7C57, #00A185, #006BAF, #260861)
• Tempered Archive color palette (#ECE2FF, #FF5AE3, #A38800, #007487, #002935)
• Frosted Veranda color palette (#F7D4DF, #FFA48B, #B8A056, #2D80AE, #003E5C)
• Amber Summit color palette (#FFE0EA, #CA7A00, #008384, #543C97, #170037)
• Shell Villa color palette (#FBF2FB, #FFADB4, #7DBA8D, #5F8EA5, #34435A)
• Airy Garden color palette (#F4DBF1, #D5002E, #006829, #003960, #000205)
• Softworn Periwinkle color palette (#FFF1F6, #B3E0FF, #76ABFF, #00969E, #2C2867)
• Powdered Balcony color palette (#FFF1F5, #C961FF, #716F00, #0029A8, #00093E)

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