Celadon Canyon color palette — #EFF6FF · #DCFE8F · #FFCFCE · #52292A · #1B120F

A conversation between Butter and Espresso, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Butter (#DCFE8F): A whisper-light, balanced green — the color of fresh herbs.
• Shell Pink (#FFCFCE): A whisper-light, dusty red — the color of a theater curtain.
• Espresso (#52292A): A deep, shadowed, dusty red — the color of late-summer berries.
• Ink (#1B120F): a grounded near-black with real depth.

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

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

• Straw Lantern color palette (#D8FEFF, #FFF190, #FFC8F6, #472943, #271A1C)
• Muted Basalt Market color palette (#EFF6FF, #BCFFE6, #FFD2B8, #572C00, #1C1109)
• Hushed Bronze Loft color palette (#FFF2ED, #FAE3B2, #A85E57, #592723, #170C08)
• Muted Sunflower color palette (#F9E0FF, #8CE9FF, #E7C600, #2D2000, #150D00)
• Worn Cobalt Market color palette (#FFF2EC, #E89C8A, #55B0A3, #1A7AAE, #371D0F)
• Feathered Courtyard color palette (#CAEAF8, #90DE00, #FF898B, #4E383F, #2F282F)
• Misty Ember Veranda color palette (#FDF3ED, #EDD8BE, #B39E34, #E0581A, #191102)
• Gentle Mint color palette (#EEE2FF, #00DCA1, #C38EFF, #29293C, #14151F)

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