Tempered Cypress color palette — #F7F0F3 · #CADFF0 · #6F8FBF · #006C71 · #202A48

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

The five colors

• Ivory (#F7F0F3): a clean, paper-quiet neutral.
• Powder Blue (#CADFF0): A whisper-light, dusty blue — the color of open sky before noon.
• Slate Blue (#6F8FBF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#006C71): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#202A48): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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 Summit color palette (#EFF7F7, #C7E0F5, #4690CC, #056D88, #334963)
• Patina Grove color palette (#F3E9F1, #5FAAB2, #00617E, #003B2B, #000B1A)
• Softworn Forest color palette (#F9EEF5, #AECED7, #2D899E, #005F3A, #002337)
• Weathered Navy color palette (#F0E2EB, #478294, #003F63, #00201C, #00000B)
• Aged Lagoon Alley color palette (#FAF4EF, #C0E7E9, #81A6DE, #008B91, #5B3D51)
• Patina Nightshade Coast color palette (#EDDEE3, #6C8EAD, #2639A5, #002B31, #050018)
• Lilac Coast color palette (#E4F7EF, #A0AA72, #A178C8, #606C00, #311C43)
• Hazy Sapphire Lagoon color palette (#F4E4EA, #8FB9D9, #3B66C0, #004A51, #140C39)

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