Tempered Cypress color palette — #F6F1EA · #C8E2DE · #70A5BB · #377871 · #1E3D34

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

The five colors

• Cream (#F6F1EA): bright and airy, almost weightless.
• Silver (#C8E2DE): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#70A5BB): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#377871): A full-bodied, dusty teal — the color of shallow lagoons.
• Forest (#1E3D34): A deep, shadowed, dusty teal — the color of sea glass.

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

• Tempered Courtyard color palette (#EEE4D3, #58ABB6, #00627A, #003A33, #000C16)
• Muted Canyon color palette (#F5F1EA, #C6E4E7, #AE91AD, #3C7484, #442E3E)
• Cypress Terrace color palette (#F9F3F7, #D5E0F3, #779EBD, #2D7F62, #45536D)
• Iris Delta color palette (#FFEBF7, #9495D0, #B67E67, #4D866C, #34202C)
• Muted Orchard color palette (#F8EDDD, #498195, #00405F, #001F20, #000105)
• Hushed Study color palette (#FAEEF6, #A7B0DE, #AA9D5B, #636DA5, #34312A)
• Hushed Cerulean color palette (#F8F1E6, #B1D2B1, #2F8999, #005D49, #002531)
• Softworn Cobalt Market color palette (#F1E8DA, #8CC0B1, #3B69B6, #00495A, #0D0B3F)

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