Tempered Cypress color palette — #F6F1EC · #C8E4D8 · #6B90BD · #006C6D · #3E2036

Teal and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F6F1EC): bright and airy, almost weightless.
• Silver (#C8E4D8): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#6B90BD): A luminous, dusty blue — the color of open sky before noon.
• Teal (#006C6D): A full-bodied, balanced teal — the color of shallow lagoons.
• Espresso (#3E2036): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Softworn Grove color palette (#F8F0EC, #CAE4CF, #4B98B7, #006F54, #06342C)
• Cobalt Field color palette (#FBEFE8, #ACDDC5, #3487D0, #00625F, #141E54)
• Airy Petrol Corridor color palette (#E2F8EF, #6FACD2, #BD7C52, #006C9C, #411B00)
• Worn Lagoon Hollow color palette (#E2F8EF, #EDD5CE, #DCB3E7, #048A93, #3D2C3E)
• Denim Delta color palette (#EADFD9, #66A9AC, #006279, #003B27, #000C18)
• Tempered Hollow color palette (#CCEBC8, #56B8CA, #0081AE, #005282, #1E2E51)
• Abyss Delta color palette (#F2E2DB, #428394, #004060, #00201B, #000107)
• Timeworn Periwinkle color palette (#FBF3F6, #D4DEFB, #71A8E9, #148C8C, #3B4762)

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