Tempered Cypress color palette — #F0F8F1 · #BAE4F7 · #5194B1 · #10716B · #2F4B62

Built around Teal, softened by Cerulean — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F8F1): bright and airy, almost weightless.
• Powder Blue (#BAE4F7): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#5194B1): A luminous, balanced blue — the color of open sky before noon.
• Teal (#10716B): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#2F4B62): A full-bodied, dusty blue — the color of deep harbor water.

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

• Aged Archive color palette (#F8EEF5, #C0E2F3, #6295B2, #1F6C5D, #162C4A)
• Wandering Ash color palette (#F0F7F1, #DADDEE, #849ABF, #4E7489, #495267)
• Hushed Teal Quarry color palette (#F5F6EF, #C0E8E3, #77CBE6, #3CAAAF, #295141)
• Dusty Cerulean color palette (#D9E6DB, #109EC5, #004F75, #002F31, #00132E)
• Wandering Orchard color palette (#E6F2E8, #61C0DB, #00719C, #00504F, #0B2F50)
• Jade Boulevard color palette (#E6FAF9, #4CB77E, #B16FA9, #2C764F, #463B5E)
• Muted Mint color palette (#DAFFF0, #5BD7B1, #00846B, #004E3D, #003828)
• Airy Clover color palette (#DFF3BC, #70B557, #318B4B, #22694A, #1A4E54)

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