Tempered Celadon color palette — #F5F7E4 · #CFFB9C · #D1D9CA · #5CD0E8 · #2D302A

Built around Butter, softened by Ice Blue — the whole palette hums with nature and growth.

The five colors

• Cream (#F5F7E4): A whisper-light, dusty green — the color of fresh herbs.
• Butter (#CFFB9C): A whisper-light, balanced green — the color of new leaves after rain.
• Silver (#D1D9CA): A whisper-light, dusty green — the color of fresh herbs.
• Ice Blue (#5CD0E8): A luminous, balanced blue — the color of deep harbor water.
• Deep Forest (#2D302A): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Softness. Tagged candy, vibrant, 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

• Muted Balcony color palette (#FFF3E4, #D9ECBE, #DBD5CB, #86D8B0, #302F28)
• Softworn Loft color palette (#F4F8E3, #A6FAF7, #CBDBCA, #6FC9F0, #2B3B21)
• Worn Powder Canyon color palette (#E7FCE3, #CFDFF1, #9AECE4, #A6B1FF, #00303E)
• Chartreuse Balcony color palette (#E1FFE2, #A6FC67, #01DAEB, #8285FB, #001B26)
• Bronze Coast color palette (#FCF4E8, #E2EDB0, #7CAB86, #976D2F, #3A3832)
• Weathered Field color palette (#FDF3EC, #D8D5E2, #98BBF9, #469188, #4F3644)
• Feathered Seafoam Thicket color palette (#ECFAEA, #69EDE5, #ED9ECB, #199E97, #4F2A40)
• Sunlit Thicket color palette (#F2F4E1, #CFE592, #96D480, #00AA79, #0A2D0C)

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