<div class="grid-container-full sg-color-palettes">
        {{#each palettes}}
        <div class="grid-x sg-palette">
                <div class="cell medium-2">
                        <h2>{{title}}</h2>
                </div>
                <div class="cell medium-10">
                    <div class="grid-x">
                {{#each colours}}
                                    {{#each this}}
                                            <div class="sg-color cell medium-3">
                                                <div class="grid-x">
                                                    <div class="sg-color-chip" style="background-color: {{this}}"></div>
                                                </div>
                                                <div class="grid-x">
                                                    <div class="cell medium-6">
                                                        <div class="text--secondary color-name">{{@key}}</div>
                                                    </div>
                                                    <div class="cell medium-6">
                                                        <div class="text--secondary color-code">{{this}}</div>
                                                    </div>
                                                </div>
                                            </div>
                                    {{/each}}
                                {{/each}}
                    </div>
                </div>
        </div>
        {{/each}}
</div>