Tempered Celadon Loft color palette — #E7F9FB · #DDFFB2 · #9CFBDD · #8CD1EF · #384F56

A conversation between Butter and Sea Foam, giving this palette its sense of nature and growth.

The five colors

• Ivory (#E7F9FB): bright and airy, almost weightless.
• Butter (#DDFFB2): A whisper-light, balanced green — the color of new leaves after rain.
• Sea Foam (#9CFBDD): A whisper-light, balanced teal — the color of glacier melt.
• Sky (#8CD1EF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Charcoal Brown (#384F56): A full-bodied, dusty blue — the color of open sky before noon.

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

Use it as a design system

One click turns Tempered Celadon Loft 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 Celadon Coast color palette (#E4FBF3, #D6F39D, #CEDCC8, #95D8CF, #304B48)
• Weathered Mallow color palette (#EDF7FF, #B1FFF3, #B8DFFF, #C8B1F5, #304255)
• Muted Stone Studio color palette (#EBF9F4, #B9E9E6, #8DC0C7, #86A198, #405150)
• Powdered Seafoam color palette (#E4FAFF, #ABFFA9, #00F4F3, #8DBCFF, #003C45)
• Worn Meadow color palette (#EAF8FF, #86E5FF, #F6B3B0, #6FB4C8, #5B445A)
• Turquoise Courtyard color palette (#EEF4E9, #CAF4C2, #8FE2C6, #00A9C3, #1E3115)
• Dusty Mint Station color palette (#E3F6F9, #00D4B5, #6A7F89, #4A5759, #1B2423)
• Fuchsia Summit color palette (#F0F6FF, #82F2FF, #A8C5FF, #E97EFF, #212559)

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