Celadon Drift color palette — #F4F7E4 · #D5EF7C · #8CD088 · #499473 · #3C3E37

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

The five colors

• Cream (#F4F7E4): A whisper-light, dusty green — the color of fresh herbs.
• Butter (#D5EF7C): A whisper-light, balanced green — the color of new leaves after rain.
• Mint Leaf (#8CD088): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#499473): A luminous, balanced teal — the color of glacier melt.
• Charcoal (#3C3E37): a grounded near-black with real depth.

Feels like: Nature, Growth, Balance. Tagged candy, vibrant, light.

Use it as a design system

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

• Soft Celadon Bloom color palette (#EEFAE6, #95F8B4, #57D0B4, #05969B, #304029)
• Pale Corridor color palette (#FCF5DE, #FFDA67, #B1B83C, #729B50, #3F3E37)
• Teal Hollow color palette (#E4FBF7, #EEED8F, #A6D793, #2DBCA7, #1B4545)
• Misty Mint Villa color palette (#F1F4E2, #E3DE96, #8DCE82, #00A39A, #012A10)
• Muted Stone Parlor color palette (#E7F5D0, #A0B691, #759076, #725A72, #634146)
• Softworn Mint Market color palette (#BCF6D9, #2FC9A2, #00957F, #00665D, #395237)
• Muted Chestnut Quarry color palette (#F9F5E8, #A5B882, #5E7E48, #6A5802, #4B4300)
• Misty Garden color palette (#DAFFEE, #00DA52, #00B580, #008279, #003528)

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