Tempered Cypress color palette — #FCF2F6 · #C9E0F3 · #7889B3 · #12706D · #414563

Built around Teal, softened by Slate Blue — the whole palette hums with calm and sophistication.

The five colors

• Ivory (#FCF2F6): bright and airy, almost weightless.
• Powder Blue (#C9E0F3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#7889B3): A luminous, dusty violet — the color of twilight just after sunset.
• Teal (#12706D): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#414563): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: 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

• Worn Cerulean Alley color palette (#F5F1EB, #C4E5D9, #6990C1, #006A7B, #1F2A4B)
• Cerulean Lagoon color palette (#F1F7F2, #D5DDF9, #83A8D5, #0C899E, #3A4669)
• Forest Summit color palette (#F9F3F9, #9CCEDD, #2384A2, #15632A, #1B3C60)
• Timeworn Navy color palette (#EFDCE6, #4B8A9F, #003E6E, #00231B, #06002B)
• Ancient Workshop color palette (#E8DCE5, #69ABB3, #005F84, #004125, #041B4B)
• Feathered Olive Pier color palette (#E3FCF2, #9DA758, #9E77B7, #646D00, #503660)
• Washed Bronze Drift color palette (#E5FBF3, #C1E4F5, #A7CDE8, #947145, #37534F)
• Dusty Petrol Atelier color palette (#FAE9EF, #89B7DD, #5261AB, #004F51, #35234D)

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