Muted Cypress color palette — #FEF3E9 · #B4E0CF · #7697C9 · #077B81 · #34365B

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

The five colors

• Ivory (#FEF3E9): a clean, paper-quiet neutral.
• Celadon Mist (#B4E0CF): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#7697C9): A luminous, balanced blue — the color of deep harbor water.
• Teal (#077B81): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#34365B): 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 Muted 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

• Wandering Pine Meadow color palette (#FFF2EC, #BFDEC0, #44A3BC, #127F54, #0A3F5C)
• Periwinkle Study color palette (#FDF2F6, #D8D3DF, #6CA6FF, #007E84, #232D49)
• Airy Azure color palette (#FFF2EB, #88D8F3, #0094E3, #00736A, #102977)
• Cobalt Coast color palette (#EEF7F7, #B0C8DD, #3B7DB5, #005C75, #1B3B63)
• Timeworn Harbor color palette (#FBF4EE, #C5DFEC, #93B4DD, #4B9495, #63495B)
• Petrol Loft color palette (#F6E2D9, #52B1C2, #006F98, #004B3D, #00132E)
• Worn Ultramarine color palette (#F7ECE0, #6F97B6, #2750B0, #003B40, #090028)
• Iris Atelier color palette (#FFF1F7, #FCD0D9, #FBB5B0, #788CC2, #573A40)

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