Tempered Cypress color palette — #F8EFF2 · #D8D0E4 · #859DC5 · #2F777C · #2E354A

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

The five colors

• Ivory (#F8EFF2): bright and airy, almost weightless.
• Silver (#D8D0E4): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#859DC5): A luminous, dusty violet — the color of wild irises.
• Teal (#2F777C): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#2E354A): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Aged Petrol Balcony color palette (#EEF7F7, #D7DBEC, #769EC1, #1C7A96, #435468)
• Dusty Denim color palette (#F4E1E9, #6BA5C3, #17589D, #00393A, #060030)
• Ancient Petrol Study color palette (#F0E5ED, #81BFCB, #00749F, #004D3E, #001532)
• Dusty Driftwood color palette (#F9EDFE, #C5ECE5, #EBD2D5, #8B7FA5, #40333D)
• Blush Terrace color palette (#FAEDFD, #CE8492, #41A091, #258887, #302132)
• Abyss Veranda color palette (#F4E4EF, #569797, #005263, #002E1A, #00050B)
• Aged Lagoon color palette (#FAF4EF, #C7DEEC, #C6A5C3, #30969E, #624A59)
• Aged Cerulean color palette (#F9EEF6, #94DFE2, #0091B2, #006545, #002741)

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