Celadon Orchard color palette — #F7F6E4 · #CFF4A2 · #DCBDF5 · #8CA370 · #5C3B46
Butter and Lavender set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F7F6E4): A whisper-light, dusty green — the color of new leaves after rain.
- Butter (#CFF4A2): A whisper-light, balanced green — the color of new leaves after rain.
- Lavender (#DCBDF5): A whisper-light, balanced violet — the color of a velvet chair.
- Moss (#8CA370): A luminous, dusty green — the color of fresh herbs.
- Cocoa (#5C3B46): A deep, shadowed, dusty rose — the color of a warm blush.
Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged light, muted.
Use it as a design system
One click turns Celadon Orchard 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
- Powder Atelier color palette (#FFF3E4, #E1E5AD, #ACCEFF, #B29564, #533E52)
- Antique Villa color palette (#EFF9E9, #8DFEE2, #FEB2CE, #62AA98, #5E3C38)
- Chartreuse Workshop color palette (#F6F7DF, #A8DE8A, #9ABEEC, #C39689, #393932)
- Dusty Driftwood color palette (#F3F7EF, #C9DCCA, #7B8D6A, #3F4A35, #181D14)
- Hushed Bronze Study color palette (#FFF3E8, #E0DDC1, #C7A78D, #A76944, #543A00)
- Hushed Fern Boulevard color palette (#F6F7E6, #B7E4DE, #C1C7D2, #BEB592, #4F580A)
- Wandering Olive Alley color palette (#E5F6F1, #A9BB8B, #AF8DBE, #627D25, #3D2647)
- Mint Quarry color palette (#F5F9D4, #BCEFDC, #8BBB87, #57734D, #2A2D0D)
Browse the whole catalog at Explore, or see today's palette.