Tempered Emerald color palette — #FAF2F9 · #C2E7F5 · #77BBE2 · #43A072 · #283A5E

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

The five colors

• Ivory (#FAF2F9): a clean, paper-quiet neutral.
• Frost (#C2E7F5): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#77BBE2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#43A072): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#283A5E): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, 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

• Aged Powder color palette (#F1F7F0, #C8E4FE, #9EADF2, #299EA1, #413255)
• Misty Lagoon color palette (#FEF0FF, #92EDE5, #00BEE1, #279F16, #00355A)
• Antique Turquoise color palette (#F1F7F2, #D6D6E4, #50B5D3, #008172, #033249)
• Tempered Moss color palette (#DAE4FF, #A2A4F9, #BFA246, #7D9736, #1F2949)
• Teal Terrace color palette (#F9F3F9, #D4D5E7, #B2BFE5, #7DB08F, #455467)
• Aged Turquoise Lantern color palette (#EFF6FF, #F9D3E5, #F1B8A9, #5AACC1, #3A4161)
• Gentle Summit color palette (#F7ECF3, #99C8DE, #1299EB, #008061, #131A45)
• Airy Cobalt Parlor color palette (#EEDFE9, #6CACB8, #147CB3, #006041, #02002F)

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