Sunflower Harbor color palette — #D5E7F1 · #F3C72F · #8B89EC · #382D4B · #191F31

Sunflower and Lavender Blue set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#D5E7F1): A whisper-light, dusty blue — the color of open sky before noon.
• Sunflower (#F3C72F): A whisper-light, vivid green — the color of fresh herbs.
• Lavender Blue (#8B89EC): A luminous, balanced violet — the color of twilight just after sunset.
• Navy (#382D4B): A deep, shadowed, dusty violet — the color of a velvet chair.
• Midnight (#191F31): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged neon, dark, vibrant.

Use it as a design system

One click turns Sunflower Harbor 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

• Linen Apricot color palette (#D4EAE4, #FFA151, #9F99FF, #3A2C4D, #1F232E)
• Frosted Iris color palette (#E8E7CA, #00D8E7, #6E84EA, #171D3F, #050D1E)
• Feathered Basin color palette (#DCE5F9, #CAE631, #E26DCF, #4A3B48, #2D2934)
• Hushed Quarry color palette (#DEF1DE, #2DF5AE, #B97EE5, #483358, #2F1A21)
• Soft Magenta Courtyard color palette (#D1F1F0, #CCB72B, #C504EC, #2B152F, #0E0B1A)
• Powdered Fuchsia Workshop color palette (#6EFFD3, #FFB27A, #E47BEB, #653D67, #35171E)
• Pewter Hollow color palette (#F9F2FC, #EBD3D7, #D0B3BE, #945366, #473B4B)
• Seafoam Garden color palette (#E5E0FF, #07F0DA, #FF9EAD, #56434B, #373238)

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