Celadon Courtyard color palette — #E7F9FF · #D5FF9F · #FFCDD9 · #423447 · #18131A

Built around Butter, softened by Shell Pink — the whole palette hums with nature and growth.

The five colors

• Ivory (#E7F9FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Butter (#D5FF9F): A whisper-light, balanced green — the color of fresh herbs.
• Shell Pink (#FFCDD9): A whisper-light, dusty red — the color of embers at dusk.
• Charcoal (#423447): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#18131A): quiet, heavy and certain.

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

Use it as a design system

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

• Tempered Petal Grove color palette (#CFF8FF, #FFEAD3, #F0CFFF, #38354F, #14131B)
• Patina Rust Quarry color palette (#FAF2FB, #FFE2A5, #AE5767, #552830, #150B16)
• Washed Atelier color palette (#EDF2FF, #7AFFC2, #FFC192, #442508, #1B0E14)
• Patina Ridge color palette (#EDE9F9, #FFB24D, #FF888F, #3D3832, #2F211D)
• Linen Thicket color palette (#D0E9F8, #BAC700, #F17BCD, #371F20, #1D0E0F)
• Blush Basin color palette (#FEF0FD, #FA8F95, #30B696, #007F9E, #2C1F2D)
• Frosted Chartreuse Harbor color palette (#CFE7FA, #1EF684, #DEB2FF, #605F72, #272732)
• Patina Seafoam color palette (#EDE5FF, #34F9D4, #FBBB3C, #0F2D15, #030704)

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