Celadon Harbor color palette — #E7F9FF · #A7FF90 · #6BE8FF · #C4AFFF · #103B58

Chartreuse and Ice Blue set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E7F9FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Chartreuse (#A7FF90): A whisper-light, vivid green — the color of new leaves after rain.
• Ice Blue (#6BE8FF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Lavender (#C4AFFF): A luminous, balanced violet — the color of a velvet chair.
• Navy (#103B58): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Creativity, Softness. Tagged candy, vibrant, light.

Use it as a design system

One click turns Celadon 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 Fuchsia Grove color palette (#EDF6FF, #9CFFD3, #A8D6FF, #EA8FFA, #12355E)
• Dusty Pier color palette (#E5F7FF, #28F69A, #31D7FA, #AA8BFF, #032240)
• Gentle Sunflower Parlor color palette (#DCFCFF, #ECEA08, #35F7C4, #8EBBFF, #003A3C)
• Aged Ridge color palette (#C4FCDA, #92DCF3, #A6A8E4, #A57F8C, #67414F)
• Periwinkle Thicket color palette (#DEFFE5, #60FFD4, #00E0EC, #3C9AFE, #003A4B)
• Hazy Harbor color palette (#F1F5FF, #8AF0FF, #B9C9FF, #FE6BB0, #321951)
• Powder Canyon color palette (#FFF1F5, #CCE8FF, #9BB2FF, #00A5A5, #473466)
• Hushed Sky Parlor color palette (#E8F8FF, #C2D8F3, #C4C0CA, #42C1FE, #002C36)

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