Cypress Loft color palette — #FDF1F8 · #D7D4DF · #7BAADD · #007F7D · #232B4F

Built around Teal, softened by Cornflower — the whole palette hums with trust and stability.

The five colors

• Ivory (#FDF1F8): bright and airy, almost weightless.
• Silver (#D7D4DF): bright and airy, almost weightless.
• Cornflower (#7BAADD): A luminous, balanced blue — the color of open sky before noon.
• Teal (#007F7D): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#232B4F): 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 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

• Washed Lagoon color palette (#FAF3F7, #D2D5E7, #71CADB, #4C9465, #13455C)
• Muted Sky color palette (#F4F7EC, #BDEDD7, #54BDFA, #2D9BB2, #1B3D5A)
• Aged Cerulean Coast color palette (#FDF1F9, #BBEFFF, #18A2C1, #006D48, #002135)
• Tempered Petrol Atelier color palette (#F7EAF3, #85C3C7, #00728F, #00402C, #000307)
• Washed Cerulean color palette (#E8F5F4, #A4CEEA, #4183AB, #005969, #00223C)
• Timeworn Alley color palette (#E8DCE1, #79A9C5, #0052A5, #002B2C, #01000A)
• Hushed Cobalt Dune color palette (#FBF3EE, #A4D1BB, #4A7CAD, #00605D, #4D2E47)
• Misty Workshop color palette (#FAF2FF, #E184AC, #00B085, #00918C, #300D1D)

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