Celadon Villa color palette — #FDFBA1 · #FFE8E8 · #D1D0DD · #593F37 · #2A1E1A

Butter and Cocoa set the tone — five colors that lean into nature and growth.

The five colors

• Butter (#FDFBA1): A whisper-light, balanced green — the color of fresh herbs.
• Rose Water (#FFE8E8): A whisper-light, dusty red — the color of a theater curtain.
• Silver (#D1D0DD): bright and airy, almost weightless.
• Cocoa (#593F37): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Onyx (#2A1E1A): A deep, shadowed, dusty orange — the color of toasted spice.

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

Use it as a design system

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

• Washed Cocoa color palette (#CBFBEF, #FFE9DF, #D6CDD5, #6B3501, #2B2018)
• Timeworn Cocoa Parlor color palette (#FCF3F0, #CEDCCC, #AE7472, #6F3119, #231915)
• Tempered Sand Orchard color palette (#F4F4FF, #BBFFE8, #FFD68E, #403B35, #1A150D)
• Dusty Cobalt color palette (#FFF2EC, #F1B1A7, #6EC0B0, #3D89BC, #37302D)
• Chartreuse Lagoon color palette (#BFEDFF, #C0E243, #FF9EA6, #503E44, #322C32)
• Hushed Coral color palette (#FBF3F0, #E2DAD1, #BDAF70, #DF795E, #241D0E)
• Tempered Petal color palette (#E3EBFF, #8CEEFF, #FFBBEE, #735D5E, #332D2D)
• Timeworn Seafoam color palette (#E1E1FD, #00EFAC, #BEADFF, #303344, #1B1C21)

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