Cypress Loft color palette — #EFF7F9 · #D5D9E1 · #A3B6C9 · #00736E · #2B3E43

A conversation between Teal and Ash, giving this palette its sense of sophistication.

The five colors

• Ivory (#EFF7F9): bright and airy, almost weightless.
• Silver (#D5D9E1): a clean, paper-quiet neutral.
• Ash (#A3B6C9): A luminous, dusty blue — the color of open sky before noon.
• Teal (#00736E): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal (#2B3E43): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Patina Harbor color palette (#EDF4EE, #CBDAD7, #A2BFAE, #0E7375, #1A231A)
• Muted Drift color palette (#F1F6FB, #DAD9DF, #B5A8A8, #5687B0, #4B545B)
• Abyss Boulevard color palette (#DCE8EC, #B0BBC2, #7F90A5, #004F53, #102228)
• Softworn Fern color palette (#EDF9F0, #7BA696, #446F41, #005753, #0B3F31)
• Chestnut Drift color palette (#B3ECF2, #7FA4B8, #637592, #6D4A1E, #29483A)
• Sapphire Summit color palette (#F1F5FC, #DCD7E2, #BDB7D8, #4163C1, #354051)
• Navy Hollow color palette (#E1E8F0, #9599A7, #6F6C8C, #002959, #010919)
• Muted Nightshade color palette (#EAEEF8, #CACBD8, #A49BB4, #454A99, #272E3D)

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