Cocoa Courtyard color palette — #B4F3D5 · #8BD3D2 · #709FB9 · #77668A · #6D3634

Built around Cocoa, softened by Mint — the whole palette hums with trust and stability.

The five colors

• Mint (#B4F3D5): A whisper-light, dusty teal — the color of sea glass.
• Ice Blue (#8BD3D2): A luminous, dusty teal — the color of shallow lagoons.
• Blue Fog (#709FB9): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#77668A): A full-bodied, dusty violet — the color of a velvet chair.
• Cocoa (#6D3634): A full-bodied, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Calm, Sophistication. Tagged vintage, retro, muted, cool.

Use it as a design system

One click turns Cocoa 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

• Wandering Ash color palette (#D2F4FF, #A0C9E5, #849AC1, #966667, #68432D)
• Tempered Pier color palette (#DFEFB7, #97C69B, #659E95, #76699A, #6A375E)
• Petrol Grove color palette (#C9ECED, #659AB4, #4869A0, #6F3235, #471F00)
• Tempered Alley color palette (#DFF3F6, #86B5C8, #5A8BB1, #685271, #532923)
• Hushed Seafoam color palette (#FAECC8, #93DAAA, #7DB9D8, #A67A5C, #6E411D)
• Hazy Dune color palette (#BEF2DF, #81B2A0, #429384, #933D2B, #5C4807)
• Hushed Alley color palette (#DDEBFB, #7477A2, #604667, #462D00, #171500)
• Patina Ember color palette (#E9F8FF, #33D5F3, #E6541E, #00869B, #691C00)

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