Cypress Courtyard color palette — #E4F6F9 · #76C4B8 · #9196D3 · #0A8377 · #25304C

Teal and Blue Fog set the tone — five colors that lean into creativity and calm.

The five colors

• Ivory (#E4F6F9): a clean, paper-quiet neutral.
• Mint Leaf (#76C4B8): A luminous, dusty teal — the color of sea glass.
• Blue Fog (#9196D3): A luminous, balanced violet — the color of a velvet chair.
• Teal (#0A8377): A full-bodied, balanced teal — the color of sea glass.
• Navy (#25304C): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Creativity, Calm, Sophistication. Tagged muted, cool.

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

• Olive Villa color palette (#E2F7F2, #9FBE8D, #64A6C6, #5A7E41, #163447)
• Weathered Harbor color palette (#E8F4FB, #76BFDA, #8FA66B, #127D9B, #133930)
• Antique Alley color palette (#F0F8ED, #79BFB5, #C381A7, #008579, #664242)
• Pine Basin color palette (#E5F6F5, #8EC1A2, #C29067, #3C825C, #462534)
• Washed Lagoon Station color palette (#E7F6EF, #A3C4B7, #628E7A, #40614E, #1D312B)
• Ash Orchard color palette (#E5F5F9, #CEDAEA, #B6A9AD, #6999A0, #2E434A)
• Wandering Villa color palette (#E9F3FF, #7CA7D9, #BD7198, #2E66A4, #40162D)
• Chalky Corridor color palette (#E1F6FF, #00ACBF, #9A63D4, #006773, #2D074B)

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