Celadon Studio color palette — #F9FE97 · #FFE9DA · #FFCCE3 · #533533 · #271A1A

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

The five colors

• Butter (#F9FE97): A whisper-light, balanced green — the color of fresh herbs.
• Cream (#FFE9DA): A whisper-light, dusty gold — the color of old brass.
• Shell Pink (#FFCCE3): A whisper-light, dusty rose — the color of strawberry cream.
• Cocoa (#533533): A deep, shadowed, dusty orange — the color of toasted spice.
• Onyx (#271A1A): A deep, shadowed, dusty red — the color of late-summer berries.

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

Use it as a design system

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

• Dusty Garnet Garden color palette (#FFEDBC, #C4F9E2, #FFCFCD, #591E03, #241A17)
• Aged Basin color palette (#FFEBCD, #FFCFCC, #B9B1A8, #65280E, #1E100B)
• Veil Loft color palette (#FFF0F2, #D9D8FF, #CAC6D0, #493441, #22161D)
• Ancient Dune color palette (#FFF1F2, #EDD9BD, #916783, #4D2E30, #190B0C)
• Chartreuse Atelier color palette (#FFDEF7, #DDE300, #FFB38B, #38210E, #120803)
• Misty Field color palette (#F4F0D6, #44E9CA, #B07AEB, #23243C, #13131D)
• Weathered Bronze color palette (#FFF1F2, #F3D5C1, #DD907E, #9D5534, #4D2500)
• Aged Mallow color palette (#FFF1F1, #E396C5, #C89155, #5773A2, #331E1F)

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