Cypress Loft color palette — #F7F7DF · #7BB189 · #007157 · #004549 · #060900

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

The five colors

• Cream (#F7F7DF): A whisper-light, dusty green — the color of fresh herbs.
• Jade (#7BB189): A luminous, balanced teal — the color of shallow lagoons.
• Pine (#007157): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#004549): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#060900): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Softworn Fern Basin color palette (#FEF4E1, #A1AA55, #416E00, #00415C, #070800)
• Patina Study color palette (#ECDFCC, #989140, #445500, #00303F, #010100)
• Lagoon Delta color palette (#F5F8E0, #88CCA6, #078A75, #474B7F, #001F10)
• Muted Alley color palette (#DBF4E6, #508940, #005040, #002E42, #010B00)
• Cobalt Meadow color palette (#FCF4E8, #94D8ED, #0084B6, #005151, #000D1E)
• Pale Lagoon Ridge color palette (#E8DFCC, #8DB47C, #009575, #006D93, #0A2100)
• Pale Olive Station color palette (#FFF4DE, #C0CD60, #5B8F2C, #006086, #1E2100)
• Wandering Teal Ridge color palette (#F7F7E2, #B5E8BB, #4AA683, #56699C, #12371A)

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