Worn Celadon color palette — #F1F8EB · #DCF290 · #68DFD5 · #7399C8 · #3A4C40

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

The five colors

• Ivory (#F1F8EB): a clean, paper-quiet neutral.
• Butter (#DCF290): A whisper-light, balanced green — the color of a quiet forest floor.
• Lagoon (#68DFD5): A whisper-light, balanced teal — the color of sea glass.
• Blue Fog (#7399C8): A luminous, balanced blue — the color of deep harbor water.
• Charcoal (#3A4C40): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

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

• Softworn Seafoam color palette (#F2F7EB, #BFE2C9, #7DE5BE, #77A1C9, #455040)
• Muted Teal Workshop color palette (#EAFAD3, #58C5BC, #3999B0, #416889, #5D485B)
• Washed Glacier color palette (#EAF9F2, #B7DFED, #78D8FF, #9C89C4, #314842)
• Muted Seafoam color palette (#E7F5F7, #B5F8D9, #87D8C7, #50A6AE, #0F343B)
• Olive Loft color palette (#FCF3EF, #C9EAE7, #7A9DBD, #5C793B, #604B5A)
• Aged Amber Summit color palette (#EAFAEE, #61C0CF, #C68960, #1E808E, #524C47)
• Seafoam Terrace color palette (#E6FBF4, #5CF3DD, #76BAFF, #AE80B0, #493144)
• Ancient Grove color palette (#F6F7E0, #BDD5BC, #998899, #9E5F3D, #793E1B)

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