Tempered Celadon color palette — #F5F7E7 · #B0E79D · #DDB7EA · #90B583 · #60444B

Mint and Lavender set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F5F7E7): A whisper-light, dusty green — the color of fresh herbs.
• Mint (#B0E79D): A whisper-light, balanced green — the color of new leaves after rain.
• Lavender (#DDB7EA): A whisper-light, balanced pink — the color of neon signs at night.
• Sage (#90B583): A luminous, balanced green — the color of fresh herbs.
• Cocoa (#60444B): A full-bodied, dusty red — the color of late-summer berries.

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

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

• Taupe Alley color palette (#E5FBF5, #D7EFC1, #F1B6E1, #88A568, #4C3E60)
• Hushed Mint Drift color palette (#F5F6EA, #A1D68C, #C9A0D3, #729962, #61434A)
• Hushed Bloom color palette (#EEF9EB, #83EADE, #FDADB9, #72B7AF, #66433B)
• Dusty Sand color palette (#FCF4E7, #EED289, #AEC6FF, #BFA662, #5D4359)
• Ancient Cocoa color palette (#FFF3E7, #EFD5B1, #CFB090, #A68C7A, #5B4400)
• Fern Market color palette (#F4F8E1, #C4EEF2, #9ACBD6, #BAB698, #44550D)
• Wandering Loft color palette (#F2FAD9, #B1F6C5, #94C99D, #689576, #353630)
• Softworn Seafoam Coast color palette (#EEFBD8, #54FBB1, #FF88D3, #009C66, #592546)

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