Tempered Cypress color palette — #FBF2F8 · #B4DBEF · #639BCA · #007F61 · #30385C

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

The five colors

• Ivory (#FBF2F8): a clean, paper-quiet neutral.
• Powder Blue (#B4DBEF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#639BCA): A luminous, balanced blue — the color of deep harbor water.
• Teal (#007F61): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#30385C): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Weathered Lagoon Drift color palette (#FBF2F6, #D5DEFB, #90A5CF, #3C8983, #3F4566)
• Washed Boulevard color palette (#F9EAEF, #A3C9E9, #6A7FD8, #006C6D, #34244C)
• Washed Atelier color palette (#FAF4EC, #AFCEBA, #0083AF, #00605D, #1B3D59)
• Driftwood Archive color palette (#D4FFFF, #B2E2FD, #A9BDEE, #879048, #1D464C)
• Denim Station color palette (#ECD9E4, #4D9FB8, #005A9B, #003D30, #06002B)
• Lapis Parlor color palette (#F9E3EA, #7FA6CC, #5256C1, #00494D, #1F0035)
• Emerald Delta color palette (#F1F1D1, #8DB969, #21A061, #00715B, #00474E)
• Ancient Pine color palette (#D6F6F3, #6ABE7A, #DE75A5, #008134, #552039)

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