Softworn Celadon color palette — #F7F6E7 · #D3EEA6 · #E0DDCB · #8DDDCC · #4B4C45

Celadon Mist and Lagoon set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F7F6E7): bright and airy, almost weightless.
• Celadon Mist (#D3EEA6): A whisper-light, balanced green — the color of fresh herbs.
• Bone (#E0DDCB): A whisper-light, dusty green — the color of a quiet forest floor.
• Lagoon (#8DDDCC): A whisper-light, balanced teal — the color of sea glass.
• Charcoal Brown (#4B4C45): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, muted.

Use it as a design system

One click turns Softworn 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

• Hushed Mint color palette (#FCF7D3, #B9E6B7, #83CBA8, #529C8A, #39523B)
• Timeworn Glacier Station color palette (#F1F8EC, #A9F6E4, #76DDEC, #9BB8F1, #384935)
• Tempered Mallow color palette (#F1F8ED, #A5E4D2, #E9B2E1, #6DB9A6, #684045)
• Softworn Archive color palette (#FFF3E3, #D2DECC, #BAC6B2, #AE9395, #7E4122)
• Seafoam Drift color palette (#EFFAE2, #CDF17F, #3CF0C5, #44BBEF, #003B36)
• Mint Ridge color palette (#F3F3E6, #9EC57C, #6A8647, #5B5702, #24211C)
• Softworn Chartreuse Workshop color palette (#E3F7F1, #C9D9C4, #B9D582, #3AB3AE, #122D2A)
• Seafoam Parlor color palette (#E4FAFF, #59FEC2, #16DDF3, #81A2FF, #00283B)

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