Tempered Cypress Field color palette — #F8EFF2 · #D8D0E4 · #8A9CC3 · #337873 · #30344C

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

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 (#8A9CC3): A luminous, dusty violet — the color of twilight just after sunset.
• Teal (#337873): A full-bodied, dusty teal — the color of sea glass.
• Navy (#30344C): A deep, shadowed, 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 Field 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 Petrol color palette (#F1F7F2, #D9DDEE, #7E9CBF, #317A88, #44536D)
• Weathered Oat Balcony color palette (#E5F4FF, #DBD7E4, #DFBAD3, #709CA7, #2D3846)
• Petrol Coast color palette (#E9F3FC, #87B9E2, #BD926F, #3F77A2, #442634)
• Washed Azure Quarry color palette (#E7F4FF, #67A4CD, #A9874F, #8E7449, #152939)
• Wandering Cerulean color palette (#C7F7FF, #7CCBDC, #4489AA, #455985, #2F3853)
• Hushed Grove color palette (#EFE6ED, #90BBCD, #0073A8, #004E34, #06103B)
• Weathered Quarry color palette (#E9F3FF, #AACDF5, #6E87B6, #2D5176, #0B203A)
• Softworn Spruce color palette (#E5DBE5, #4D9897, #005267, #002E0B, #00040F)

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