Tempered Celadon color palette — #D5F955 · #4FFEE8 · #DF82D5 · #5A526C · #2E2B35

Built around Lemon, softened by Bubblegum — the whole palette hums with nature and growth.

The five colors

• Lemon (#D5F955): A whisper-light, vivid green — the color of fresh herbs.
• Sea Foam (#4FFEE8): A whisper-light, balanced teal — the color of sea glass.
• Bubblegum (#DF82D5): A luminous, balanced pink — the color of neon signs at night.
• Charcoal Brown (#5A526C): A full-bodied, dusty violet — the color of twilight just after sunset.
• Onyx (#2E2B35): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Balance. Tagged neon, dark, vibrant.

Use it as a design system

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

• Tempered Boulevard color palette (#D1E6E9, #98EA53, #FFA7D5, #655970, #28232D)
• Hushed Lagoon color palette (#C1EBE2, #F6CB18, #D8B5FF, #575872, #292931)
• Softworn Peony color palette (#F7F3FE, #CEDDA3, #C576AD, #7D5370, #241F2B)
• Dusty Lantern color palette (#B8EFFF, #50FDD3, #FFC0CF, #736677, #362F38)
• Washed Blush color palette (#E7EBCE, #FFB983, #FF9CB5, #5C3C37, #312726)
• Peony Boulevard color palette (#DDEDE0, #30D0FF, #E55CB2, #663351, #1C1423)
• Seafoam Market color palette (#DEE8FE, #00E2DF, #FF9DA8, #6C4045, #2C222D)
• Weathered Corridor color palette (#D7F0EC, #B3C5FF, #E68257, #66495A, #261D22)

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