Tempered Emerald color palette — #FCEFEA · #C77D7C · #639156 · #3F5F8E · #2E1F19

Fern and Dusty Rose set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FCEFEA): a clean, paper-quiet neutral.
• Dusty Rose (#C77D7C): A luminous, balanced orange — the color of autumn markets.
• Fern (#639156): A luminous, balanced green — the color of new leaves after rain.
• Peacock (#3F5F8E): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#2E1F19): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged muted.

Use it as a design system

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

• Lilac Hollow color palette (#FBEEF1, #A785BE, #6F8E55, #2D6489, #2E1D22)
• Olive Cabin color palette (#F9F0EB, #C27465, #447831, #3D487D, #25150E)
• Muted Bronze color palette (#FBF0E0, #D6999B, #89773A, #40507D, #3A281B)
• Wandering Lagoon color palette (#FBF0E7, #BD8762, #199594, #704F7F, #2C2015)
• Worn Coral color palette (#FFF2EE, #D56A74, #4C8E74, #2B687B, #4B3832)
• Hushed Lilac Harbor color palette (#FDEDF2, #A784C1, #478BB2, #6B537C, #2E1D23)
• Muted Emerald color palette (#F9EFEE, #E9B1C4, #6A9048, #A05773, #17170A)
• Muted Blush color palette (#F9F2FE, #E889AC, #59A8BD, #598194, #423947)

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