Celadon Canyon color palette — #F2F400 · #FFC7D3 · #ABC8FF · #3A2338 · #10070F

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

The five colors

• Lemon (#F2F400): A whisper-light, vivid green — the color of fresh herbs.
• Shell Pink (#FFC7D3): A whisper-light, dusty red — the color of a theater curtain.
• Sky (#ABC8FF): A whisper-light, balanced violet — the color of twilight just after sunset.
• Onyx (#3A2338): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#10070F): A deep, shadowed, dusty pink — the color of peonies in June.

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

Use it as a design system

One click turns Celadon Canyon 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

• Celadon Delta color palette (#B7FFB9, #FFC9C9, #BDC1FF, #3A2132, #11070E)
• Antique Powder Station color palette (#FFE8A9, #FFC7D1, #95CEFF, #052821, #07120F)
• Wandering Mallow Cabin color palette (#C9FFF9, #FFDD91, #FFB5E6, #4A2427, #160808)
• Worn Chartreuse Corridor color palette (#C9E7F1, #BCD100, #FF81BF, #290C0C, #040000)
• Tempered Grove color palette (#FEF1FA, #F9C85C, #4B5EA1, #381D33, #070206)
• Timeworn Veil color palette (#CEFAF8, #FFE8E4, #D8D9FF, #493641, #1A1116)
• Dusty Lime color palette (#FDDDD1, #88CF42, #008FD4, #001F33, #000812)
• Sky Lantern color palette (#E1EEE2, #FFA679, #51C4FF, #335D4E, #0E1F19)

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