Cypress Loft color palette — #FCF4E5 · #89AF71 · #007155 · #004259 · #080800

Built around Pine, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#FCF4E5): A whisper-light, dusty gold — the color of old brass.
• Sage (#89AF71): A luminous, balanced green — the color of a quiet forest floor.
• Pine (#007155): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#004259): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#080800): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Grounding. Tagged botanical, earthy, 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

• Hushed Fern color palette (#FFF2E9, #C09D47, #556900, #00463F, #0D0600)
• Pine Summit color palette (#FFF3E6, #A9A843, #137412, #542854, #080800)
• Muted Lagoon Boulevard color palette (#EBEFD5, #4E8763, #005138, #00322C, #000B03)
• Antique Lagoon Meadow color palette (#FDF5E0, #9FC894, #008A70, #6E4153, #191A00)
• Faded Jade color palette (#CBF1E7, #5DBF73, #00956F, #037276, #002209)
• Antique Canyon color palette (#F3DCCE, #B48516, #4B5300, #351955, #020100)
• Muted Pier color palette (#F8E8D3, #77820C, #00491D, #33012D, #010100)
• Tempered Cobalt color palette (#FFF2EB, #92D8EA, #0081C7, #00543E, #050331)

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