Muted Celadon color palette — #F4F7EA · #B8F9BE · #E7B9F1 · #78A87C · #5C3B43
Mint and Carnation set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F4F7EA): bright and airy, almost weightless.
- Mint (#B8F9BE): A whisper-light, balanced green — the color of new leaves after rain.
- Carnation (#E7B9F1): A whisper-light, balanced pink — the color of neon signs at night.
- Moss (#78A87C): A luminous, balanced green — the color of fresh herbs.
- Cocoa (#5C3B43): A deep, shadowed, dusty red — the color of a theater curtain.
Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged light, muted.
Use it as a design system
One click turns Muted Celadon 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
- Straw Terrace color palette (#FCF5E3, #F5E79A, #C4C5FF, #A89B55, #593B4E)
- Washed Glacier color palette (#ECFAEC, #8BFBFB, #FFB5B6, #61A8A7, #5E3D32)
- Dusty Balcony color palette (#EFF8EE, #C8DCCA, #54938E, #3B4B39, #161E15)
- Hushed Pier color palette (#F2F9E1, #8FE1AA, #A8B7F5, #CA9285, #373932)
- Hushed Bronze color palette (#FCF4E9, #DFE3BE, #C4A988, #A26D3A, #4E3D00)
- Pine Courtyard color palette (#E3F7F4, #96C098, #BB88B7, #2C863A, #342B47)
- Softworn Fern Studio color palette (#F2F9E1, #C4E8D7, #C5C3A4, #B4B7C8, #3F5919)
- Hushed Atelier color palette (#ECF8F7, #8EBD99, #6D9DCC, #2C864C, #2F506F)
Browse the whole catalog at Explore, or see today's palette.