Tempered Courtyard color palette — #F9F4EF · #C8DBE8 · #E2BFDE · #4CA0AA · #604354

Cerulean and Carnation set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F9F4EF): a clean, paper-quiet neutral.
• Silver (#C8DBE8): A whisper-light, dusty blue — the color of open sky before noon.
• Carnation (#E2BFDE): A whisper-light, dusty pink — the color of a candy shop window.
• Cerulean (#4CA0AA): A luminous, balanced blue — the color of a favorite pair of jeans.
• Charcoal Brown (#604354): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Antique Powder color palette (#EFF7F7, #D9DCE9, #A6CBF2, #74ABC4, #475465)
• Softworn Terrace color palette (#F1F7EE, #B8F4E6, #FBB8B4, #36B09A, #653736)
• Dusty Meadow color palette (#FAF4EE, #C7DEEE, #A6B9F0, #0092A6, #40395E)
• Muted Stone Coast color palette (#EDF9EC, #C9E2DF, #C1B5B8, #8FC19B, #415145)
• Washed Quarry color palette (#EEDDD4, #70AFAE, #005F71, #002D19, #000103)
• Muted Loft color palette (#F0F3EB, #BBEAF0, #AD91B1, #4C7563, #403040)
• Frosted Sky color palette (#FFF2EC, #D2DCF1, #0EBFF3, #008B6A, #003760)
• Worn Lagoon Bloom color palette (#F5F9DA, #B4F3EC, #6AC8B1, #00898D, #355C45)

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