Tempered Cypress Coast color palette — #FDF1F6 · #C8E0F4 · #7989B5 · #19706E · #424562

Teal takes the lead with Slate Blue close behind in a set that reads as calm and sophistication at first glance.

The five colors

• Ivory (#FDF1F6): bright and airy, almost weightless.
• Powder Blue (#C8E0F4): A whisper-light, dusty blue — the color of open sky before noon.
• Slate Blue (#7989B5): A luminous, dusty violet — the color of wild irises.
• Teal (#19706E): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#424562): A full-bodied, dusty violet — the color of wild irises.

Feels like: Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Tempered Cypress Coast 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

• Cobalt Pier color palette (#FFF1F7, #A8D5F1, #577CCD, #006762, #433270)
• Washed Cerulean Harbor color palette (#F1F7F2, #D6DBF0, #84A7D8, #0089A2, #384766)
• Quiet Workshop color palette (#E8FAF4, #8FAB69, #9978BD, #557027, #4A395E)
• Softworn Harbor color palette (#F0E2F1, #5A9C9B, #005267, #00330C, #00142C)
• Navy Coast color palette (#F1E0E9, #4A8AA3, #003B77, #00231D, #080029)
• Timeworn Petrol Courtyard color palette (#F8EAEE, #96B5D3, #5762A4, #004F52, #36244A)
• Muted Powder color palette (#F9F4EF, #C3E9EC, #A5BBF8, #58A7A5, #5B3E4B)
• Softworn Grove color palette (#DCFEF3, #CCE3F2, #A2C6E1, #917044, #345150)

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