Tempered Cypress color palette — #F7EFF3 · #BFE2F9 · #6F8FBD · #186D61 · #222A48

A conversation between Pine and Slate Blue, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F7EFF3): bright and airy, almost weightless.
• Powder Blue (#BFE2F9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#6F8FBD): A luminous, dusty blue — the color of open sky before noon.
• Pine (#186D61): A full-bodied, dusty teal — the color of shallow lagoons.
• Midnight (#222A48): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, 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

• Hushed Cypress Workshop color palette (#F1F7F2, #CBE0EE, #658FB4, #006F7A, #344965)
• Muted Cobalt Lantern color palette (#ECF5EB, #ABCBEA, #6B78B1, #005B5D, #27153D)
• Ancient Abyss Orchard color palette (#EEE3EA, #3D8492, #004062, #002014, #00000C)
• Antique Cerulean color palette (#F9F4EE, #C1E2F2, #98C0E3, #438F98, #4F344E)
• Chalky Veranda color palette (#F9EDFA, #57D1CE, #007E9C, #005616, #001B35)
• Denim Ridge color palette (#E7D9E6, #69A9AA, #00617D, #003C17, #000A1E)
• Peony Canyon color palette (#DEF7FA, #4CB9A0, #C17091, #007661, #411529)
• Softworn Nightshade Station color palette (#F4E4EA, #6290AF, #2138A9, #002C2A, #060016)

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