Celadon Canyon color palette — #F7F3FF · #D9FF8E · #EAD9D9 · #4E4600 · #232219

Butter takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F7F3FF): a clean, paper-quiet neutral.
• Butter (#D9FF8E): A whisper-light, balanced green — the color of fresh herbs.
• Bone (#EAD9D9): a clean, paper-quiet neutral.
• Deep Olive (#4E4600): A deep, shadowed, balanced green — the color of fresh herbs.
• Onyx (#232219): quiet, heavy and certain.

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

• Softworn Fern Chapel color palette (#FFF1F6, #BEFFE3, #E4D7D3, #364D09, #22271D)
• Worn Fern Balcony color palette (#F3F7EE, #D5D8CB, #61927C, #394F09, #191D13)
• Worn Seafoam color palette (#FFE9DF, #5CFEBD, #C5D3C3, #314500, #11160A)
• Hushed Studio color palette (#FFE9DB, #D8CED5, #AD9D94, #6F3D01, #29231F)
• Chartreuse Harbor color palette (#FFEEEA, #FFD0F8, #C1E100, #2E3700, #0D0A02)
• Tempered Chartreuse Grove color palette (#FFDADD, #BEE1FF, #8BF086, #4C716C, #303A38)
• Aged Seafoam Parlor color palette (#F3F7E8, #98D4A6, #D09CBA, #9C748B, #31332C)
• Weathered Coast color palette (#F5DDDE, #A0D1FF, #64D961, #33342D, #1A1B12)

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