Softworn Celadon color palette — #F5F3FE · #DDEEB1 · #8A698E · #472D4B · #100D19

Celadon Mist takes the lead with Slate close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F5F3FE): bright and airy, almost weightless.
• Celadon Mist (#DDEEB1): A whisper-light, balanced green — the color of fresh herbs.
• Slate (#8A698E): A full-bodied, dusty pink — the color of neon signs at night.
• Charcoal (#472D4B): A deep, shadowed, dusty pink — the color of a candy shop window.
• Ink (#100D19): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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 Driftwood Thicket color palette (#FAF2FD, #C2E6F7, #A97484, #4F3F56, #1F1921)
• Softworn Terracotta color palette (#FFF0FD, #E7DC7D, #A64A46, #571012, #10020F)
• Ash Lantern color palette (#FFF1F1, #FAC9B5, #BD7EA3, #7F536D, #301B1B)
• Ancient Mulberry color palette (#F5EFFA, #E4A181, #823462, #3C192D, #0F0A14)
• Lilac Bloom color palette (#F2F5FF, #B3A7EF, #76AE75, #237CA2, #1F2337)
• Dusty Boulevard color palette (#E2FDED, #FFB2C8, #BB8458, #336A89, #3F293D)
• Softworn Peony color palette (#F6F3FC, #FFD2DA, #B39E3D, #BB68A8, #07160D)
• Coral Hollow color palette (#FDF0FD, #E17F7E, #659253, #046850, #101629)

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