Tempered Cypress color palette — #FCF3EE · #C5E5D7 · #6F8BBA · #007269 · #474169

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

The five colors

• Ivory (#FCF3EE): a clean, paper-quiet neutral.
• Celadon Mist (#C5E5D7): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#6F8BBA): A luminous, dusty violet — the color of wild irises.
• Teal (#007269): A full-bodied, balanced teal — the color of sea glass.
• Navy (#474169): A deep, shadowed, dusty violet — the color of wild irises.

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

• Hushed Dune color palette (#EEF4EF, #C1E1F8, #4E93CD, #006B75, #1A2D46)
• Washed Periwinkle Basin color palette (#F8F4EE, #C2E5E6, #6DABE1, #1D8A95, #573E55)
• Aged Cobalt Studio color palette (#FBF4EC, #D2BCD5, #6B71B5, #005F65, #433154)
• Pine Field color palette (#FFF1F5, #977AB2, #788323, #2A7437, #4B2E38)
• Hushed Cobalt color palette (#FFF1F7, #EBD5CC, #ECB1A1, #4881AF, #68464D)
• Navy Delta color palette (#ECDCD4, #468B9D, #003F68, #002319, #04002D)
• Dusty Denim color palette (#F5E9E6, #68ACAF, #00607F, #00411E, #001D48)
• Powder Delta color palette (#FBF2F6, #D2E1FA, #95BFFD, #61A79B, #40475E)

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