Tempered Cypress color palette — #E7FAF3 · #7AA78C · #00726F · #544264 · #1A3C3B

Teal and Jade set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E7FAF3): A whisper-light, dusty teal — the color of sea glass.
• Jade (#7AA78C): A luminous, dusty teal — the color of glacier melt.
• Teal (#00726F): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#544264): A full-bodied, dusty violet — the color of twilight just after sunset.
• Deep Teal (#1A3C3B): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Jade Lagoon color palette (#F4F3DD, #70B27E, #21755B, #4B4540, #1A1F07)
• Olive Archive color palette (#FFF1F6, #92BAA4, #5C7F4B, #724D5C, #32483D)
• Abyss Summit color palette (#D0ECE4, #5B9B82, #006166, #2F460A, #003032)
• Chalky Violet Workshop color palette (#D9F5F3, #4EA263, #9954C1, #00692D, #432754)
• Worn Pier color palette (#DAEDE8, #008F6E, #004E54, #50142E, #002117)
• Antique Forest color palette (#FAF2FA, #95D2D2, #0085A8, #0C642A, #203C5C)
• Olive Ridge color palette (#FEEDCE, #949B1C, #377D00, #005A30, #00473E)
• Antique Sky Ridge color palette (#D9FFF8, #B9E1FD, #4CB9E9, #8C6C35, #204C4C)

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