Tempered Cobalt Courtyard color palette — #F2F5FB · #DDD8DF · #CCBAC6 · #5C72AA · #424851

Slate and Stone set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#F2F5FB): bright and airy, almost weightless.
• Silver (#DDD8DF): a clean, paper-quiet neutral.
• Stone (#CCBAC6): A luminous, dusty pink — the color of peonies in June.
• Slate (#5C72AA): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal (#424851): a grounded near-black with real depth.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

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

• Tempered Petrol Alley color palette (#F6F0F4, #DED4D4, #CFB7B2, #6671A4, #31292F)
• Patina Garden color palette (#F5F4FB, #E6D4DD, #CEB2C5, #91479D, #403D4E)
• Dusty Cypress Balcony color palette (#EAF7FF, #9EBAD4, #7E7FA1, #3D7263, #30586D)
• Pewter Workshop color palette (#E0E3F7, #7963A3, #382C43, #1C1D2E, #0C0C14)
• Timeworn Pine Bloom color palette (#F0F7F0, #96B9A9, #548055, #724B66, #274B3D)
• Pewter Drift color palette (#DEFCFB, #64A0BE, #795998, #005D36, #293E59)
• Hushed Thicket color palette (#EFEDF3, #D3C8D4, #B198A5, #862679, #302B39)
• Faded Grape color palette (#F2F5FF, #D4CFE3, #B79BBE, #6124D2, #2B314C)

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