Celadon Harbor color palette — #B0F1FF · #C5E685 · #D6BCFF · #5C4A51 · #3B3035

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

The five colors

• Frost (#B0F1FF): A whisper-light, dusty blue — the color of open sky before noon.
• Lemon (#C5E685): A whisper-light, balanced green — the color of a quiet forest floor.
• Lavender (#D6BCFF): A whisper-light, balanced violet — the color of twilight just after sunset.
• Charcoal Brown (#5C4A51): A full-bodied, dusty rose — the color of pressed rose petals.
• Espresso (#3B3035): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged neon, dark, vibrant, muted.

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

• Timeworn Celadon Loft color palette (#DAF191, #FFCBAD, #BAC7FF, #5B4856, #393136)
• Washed Seafoam Balcony color palette (#AEF2FF, #71F3D0, #FFB3BB, #604943, #352E2C)
• Timeworn Delta color palette (#DDE3FF, #FFD1BA, #FFBCE5, #776162, #3A3232)
• Antique Courtyard color palette (#E1FFDB, #FFE5F9, #BDEAE5, #4E485B, #221F27)
• Oat Veranda color palette (#FEF2F3, #D8D3A7, #9B7077, #654248, #342729)
• Timeworn Bloom color palette (#E6EFD9, #97D7FF, #DA6BE9, #48264C, #31181E)
• Muted Terrace color palette (#D8EFE6, #6FD6FF, #E86897, #472A26, #2C1C19)
• Worn Bloom color palette (#FCF3F1, #DDDAD3, #AEB2AA, #BC8F84, #59504E)

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