Celadon Drift color palette — #F9FD97 · #DEF1FF · #D6D5CA · #3A5149 · #1E2824

Built around Butter, softened by Charcoal Brown — the whole palette hums with nature and growth.

The five colors

• Butter (#F9FD97): A whisper-light, balanced green — the color of fresh herbs.
• Frost (#DEF1FF): A whisper-light, dusty blue — the color of open sky before noon.
• Oat (#D6D5CA): bright and airy, almost weightless.
• Charcoal Brown (#3A5149): A full-bodied, dusty teal — the color of glacier melt.
• Onyx (#1E2824): a grounded near-black with real depth.

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

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

• Softworn Frost color palette (#FFF1F6, #E3FFD5, #B0FFFE, #3E4B3E, #222922)
• Timeworn Frost Bloom color palette (#DAF3FF, #DAD5CB, #909FA1, #41514A, #1B211E)
• Petal Grove color palette (#D0F9FF, #FFEBCF, #E5D3FF, #422E36, #21181B)
• Hushed Garden color palette (#DAFFCD, #FDD96E, #93E1FF, #51675C, #303834)
• Weathered Celadon color palette (#D5F29F, #FFBAD3, #8FC2FF, #414257, #293039)
• Weathered Honey Alley color palette (#ECEBA3, #F4C276, #86C0FF, #213346, #171C21)
• Lilac Market color palette (#FFF1F4, #C2A0E5, #BF7864, #726A36, #1D2B23)
• Dusty Powder color palette (#FFEFFF, #9CC6FF, #B5B274, #818758, #382D39)

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