Tempered Cobalt Courtyard color palette — #E1F3FF · #8EB5E6 · #717AB7 · #6E5788 · #534A69

Built around Slate Blue, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Frost (#E1F3FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#8EB5E6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate Blue (#717AB7): A full-bodied, balanced violet — the color of wild irises.
• Graphite (#6E5788): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal Brown (#534A69): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Tempered Cobalt 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

• Dusty Cobalt color palette (#EEF6FF, #B2C8F7, #9091D5, #7D70B5, #4B4A6E)
• Cerulean Orchard color palette (#CFF7FF, #72C1CD, #458BB0, #436591, #514968)
• Wandering Taupe Lantern color palette (#F0F5FF, #9EADE2, #8EA264, #616FA4, #2F564B)
• Tempered Driftwood color palette (#F1F5FF, #C1AAE0, #A06D9D, #87546A, #614661)
• Softworn Ash Lagoon color palette (#F1F5FF, #E2D8E1, #DFBCC4, #7193B0, #4C4B5A)
• Worn Corridor color palette (#F1F5FF, #9191C8, #7E925B, #507D61, #3C4253)
• Driftwood Parlor color palette (#EFF8EE, #9EC2AD, #6C8A69, #6F5467, #354E47)
• Soft Plum color palette (#E5EBFF, #A482D1, #984A9A, #772E5E, #642A31)

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