Tempered Cypress color palette — #DBECEE · #007C6C · #003944 · #161B21 · #000A07

Teal and Deep Teal set the tone — five colors that lean into sophistication.

The five colors

• Frost (#DBECEE): a clean, paper-quiet neutral.
• Teal (#007C6C): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#003944): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#161B21): quiet, heavy and certain.
• Ink (#000A07): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Sophistication. Tagged noir, dark, luxury, 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

• Nocturne Basin color palette (#DFE8DB, #525B62, #004037, #172228, #00080B)
• Olive Archive color palette (#D9E5D1, #4A7A00, #003C2C, #141F23, #000A07)
• Tempered Teal color palette (#CFF4FD, #00A7A2, #006280, #003E3B, #000A0A)
• Washed Azure color palette (#E0EEFC, #20A1FB, #58617A, #2E3E4E, #050F14)
• Wandering Jade color palette (#C9E7DE, #53AD76, #008273, #485F1C, #001507)
• Tempered Cobalt color palette (#EFDCEA, #65BFD1, #008EC3, #006F5D, #001330)
• Timeworn Station color palette (#E3F5FC, #65C9D0, #6E7E8A, #48585D, #192425)
• Dusty Sapphire color palette (#D8E6F7, #0474EC, #433B60, #071D37, #000204)

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