Cypress Courtyard color palette — #F4F2E6 · #9EA47C · #24745E · #004F60 · #1B1E03

Teal and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F4F2E6): bright and airy, almost weightless.
• Sage (#9EA47C): A luminous, dusty green — the color of a quiet forest floor.
• Teal (#24745E): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#004F60): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#1B1E03): 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 Courtyard 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

• Muted Coast color palette (#F3F8E6, #6BAB89, #00745A, #175651, #343630)
• Wandering Fern color palette (#F6E8D9, #998F4F, #455F00, #373062, #191100)
• Feathered Aubergine Balcony color palette (#F6F3DC, #7CB886, #007D68, #6B3072, #00290C)
• Dusty Lagoon Grove color palette (#EBF9F4, #94C297, #009679, #2E6D7E, #193C39)
• Hushed Pewter Station color palette (#F8F0E8, #C4B18B, #6F7B4C, #694963, #2F2612)
• Lagoon Corridor color palette (#EEEDDC, #4A8863, #004F47, #002E40, #000B04)
• Cobalt Harbor color palette (#F9F0EB, #ADD1BD, #4282B1, #005C54, #111F3F)
• Hushed Lagoon color palette (#FFEBF6, #F2C8CF, #E1A4AB, #3B6AA5, #3C1B2A)

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