Tempered Cypress Summit color palette — #FBF3F0 · #C5E6CD · #5593AF · #1B725A · #2D4A67

Pine and Storm Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Celadon Mist (#C5E6CD): A whisper-light, dusty teal — the color of glacier melt.
• Storm Blue (#5593AF): A luminous, dusty blue — the color of deep harbor water.
• Pine (#1B725A): A full-bodied, balanced teal — the color of sea glass.
• Navy (#2D4A67): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Tempered Cypress Summit 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

• Timeworn Petrol Orchard color palette (#FAF4EE, #C6E4DC, #7888BA, #006E7F, #5B3D4C)
• Dusty Summit color palette (#FCF3EE, #A5D1BA, #447DAC, #00605A, #2A395E)
• Aged Quarry color palette (#F5F6ED, #C6E2DC, #52B4CA, #008C8B, #164F61)
• Timeworn Canyon color palette (#ECF4F2, #C4E2EE, #3C9CB1, #006C6B, #0C3042)
• Weathered Lagoon color palette (#F2E5DD, #39908C, #004450, #002411, #000B14)
• Patina Pine color palette (#F2F8E9, #70B08A, #A375B4, #007949, #4F3858)
• Worn Pine color palette (#F5E4B9, #9FBB6F, #498F50, #006547, #034A55)
• Driftwood Bloom color palette (#F3F8E6, #B3E5EA, #9FCEBD, #83885A, #414D38)

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