Celadon Bloom color palette — #F9F6E2 · #CAE094 · #DAB6F3 · #9FB170 · #60444D

Pistachio takes the lead with Lavender close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F9F6E2): A whisper-light, dusty green — the color of a quiet forest floor.
• Pistachio (#CAE094): A whisper-light, balanced green — the color of new leaves after rain.
• Lavender (#DAB6F3): A whisper-light, balanced violet — the color of a velvet chair.
• Sage (#9FB170): A luminous, balanced green — the color of fresh herbs.
• Cocoa (#60444D): A full-bodied, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Creativity, Softness, Clarity. Tagged light, muted.

Use it as a design system

One click turns Celadon Bloom 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 Grove color palette (#F7F6EA, #DAEFB3, #F9BAB2, #8EA461, #4C4441)
• Washed Sand color palette (#FFF3E6, #FECA94, #B1C5FF, #C8A076, #5C4457)
• Worn Stone Alley color palette (#E8FAF4, #B4D087, #BBA5DA, #7F965A, #494A64)
• Washed Seafoam Study color palette (#EEF9EA, #7EECD8, #F4AFD3, #6AB9AA, #664242)
• Feathered Chartreuse color palette (#F8F7DF, #B0D682, #D3AEDF, #C592AA, #494400)
• Fern Harbor color palette (#F9F6E6, #BDE5F3, #CFCCAC, #BFB9C3, #4A5000)
• Cocoa Veranda color palette (#FFF2E9, #EED5B3, #D1AE94, #AC897E, #574600)
• Olive Thicket color palette (#E9F5F1, #ACBB86, #B48AC1, #687B1C, #312C48)

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