Cypress Loft color palette — #DFECEF · #9AA0AD · #8486A0 · #007270 · #000C0F

Built around Teal, softened by Slate Blue — the whole palette hums with sophistication.

The five colors

• Frost (#DFECEF): bright and airy, almost weightless.
• Blue Fog (#9AA0AD): A luminous, dusty violet — the color of twilight just after sunset.
• Slate Blue (#8486A0): A luminous, dusty violet — the color of twilight just after sunset.
• Teal (#007270): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#000C0F): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Worn Pine color palette (#E0EEEC, #96A2AA, #778CA3, #0A7819, #000C0B)
• Tempered Delta color palette (#E7F0E6, #7E9387, #52736B, #00312F, #000200)
• Worn Atelier color palette (#DEE5DF, #99A99D, #6C907C, #005052, #020D03)
• Weathered Cocoa Loft color palette (#DBF9E7, #389598, #476C99, #6B3E00, #131100)
• Cobalt Terrace color palette (#D8E0E6, #BFBECF, #ABA1B6, #008AC2, #0E212F)
• Wandering Pine Balcony color palette (#E3F6E8, #82904C, #2B7331, #005451, #050700)
• Aged Denim Lantern color palette (#EED7E1, #008D83, #005E96, #5B2C00, #000405)
• Hushed Ridge color palette (#D0F0FF, #00BD8E, #00A3B5, #575EFF, #00060B)

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