Tempered Emerald color palette — #F3F7EC · #9DD3B4 · #8CB4E7 · #3EA272 · #354E70
Fern takes the lead with Sky close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F3F7EC): a clean, paper-quiet neutral.
- Pistachio (#9DD3B4): A whisper-light, dusty teal — the color of shallow lagoons.
- Sky (#8CB4E7): A luminous, balanced blue — the color of deep harbor water.
- Fern (#3EA272): A luminous, balanced teal — the color of glacier melt.
- Peacock (#354E70): A full-bodied, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged light, 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
- Lagoon Courtyard color palette (#F0F8EF, #8DD3CD, #ABA8EC, #00A19A, #614254)
- Timeworn Moss color palette (#F7F6EB, #CCC69A, #76BDD4, #819740, #335644)
- Lagoon Ridge color palette (#EDF9ED, #93D1D2, #BCB376, #00A0A3, #554E23)
- Aged Terrace color palette (#E7FAF8, #A5E7B6, #EEAFDF, #87B692, #514763)
- Frosted Meadow color palette (#F2F8E9, #7BC29E, #B481CB, #29855E, #63424B)
- Tempered Parlor color palette (#ECFAE6, #00C9B1, #838EFF, #008B79, #2C2B81)
- Cypress Loft color palette (#EFFAE2, #B2E6CE, #69B091, #177756, #0C402F)
- Dusty Celadon Meadow color palette (#E7FAF8, #B4F9C1, #FFBA8F, #71AA7C, #593C4B)
Browse the whole catalog at Explore, or see today's palette.