Tempered Cypress Harbor color palette — #F0F3EC · #D0D9D7 · #ABC2C1 · #4F816E · #2A2D26

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

The five colors

• Cream (#F0F3EC): bright and airy, almost weightless.
• Silver (#D0D9D7): a clean, paper-quiet neutral.
• Ash (#ABC2C1): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#4F816E): A full-bodied, dusty teal — the color of sea glass.
• Onyx (#2A2D26): quiet, heavy and certain.

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

Use it as a design system

One click turns Tempered Cypress Harbor 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 Hollow color palette (#F3F6F1, #D2DED9, #B1C5BF, #178771, #444A40)
• Petrol Thicket color palette (#EAF5EF, #EDD6DE, #CFB7C6, #007794, #182921)
• Washed Hollow color palette (#FAF0E5, #C0B292, #6C7C4F, #4E5A43, #2F2613)
• Muted Abyss color palette (#DCE3D9, #94A598, #648478, #004037, #020600)
• Cypress Archive color palette (#ECF5EB, #C7D9CE, #92B4AB, #006966, #0B2009)
• Softworn Chestnut color palette (#E4F0CD, #A5C0AB, #957994, #804F17, #523000)
• Worn Teal Pier color palette (#FFEEE5, #55B093, #217595, #693437, #142813)
• Tempered Spruce color palette (#E7F2EA, #83918C, #796374, #003038, #000201)

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