Tempered Cypress color palette — #FAF2F8 · #C0E2F2 · #5092B8 · #007361 · #30486B

Teal takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Powder Blue (#C0E2F2): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#5092B8): A luminous, balanced blue — the color of deep harbor water.
• Teal (#007361): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#30486B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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 Alley color palette (#FAF3F5, #DADDEE, #8498C9, #1C7C89, #4A516D)
• Cerulean Chapel color palette (#F1F3EB, #C7E5D1, #3B9BB7, #006C70, #103426)
• Worn Alley color palette (#FAF3F6, #ABCADE, #3D7BBC, #00605F, #2D3664)
• Weathered Lantern color palette (#ECDDE7, #418E90, #004453, #002415, #000A15)
• Misty Onyx color palette (#EBDBE5, #559AB3, #004D7F, #00302D, #040249)
• Peony Grove color palette (#F9F2FF, #B96C91, #4A8C5A, #007A67, #41304D)
• Dusty Driftwood color palette (#F8F2FF, #EDD4DD, #E0B290, #8C74AE, #53445D)
• Worn Basin color palette (#FEF3ED, #BCF2EB, #8FC5E6, #5BA997, #553F55)

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