Tempered Courtyard color palette — #F1F3E9 · #B1D0BC · #0F89A9 · #005B5F · #002434

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

The five colors

• Cream (#F1F3E9): a clean, paper-quiet neutral.
• Pistachio (#B1D0BC): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#0F89A9): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005B5F): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Midnight (#002434): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. 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

• Washed Basin color palette (#FAF3F7, #9ECDE3, #1F81B1, #006153, #233B5D)
• Tempered Abyss color palette (#E3E6D8, #4B8192, #004258, #001F22, #000103)
• Muted Lagoon color palette (#F1F3EC, #C7E4D9, #5E93C0, #006983, #39233A)
• Ancient Cobalt color palette (#E7EAE2, #8EBFB0, #216DB7, #004760, #00123B)
• Linen Cobalt color palette (#E4EDD7, #50A47C, #437ACF, #006542, #011942)
• Weathered Navy color palette (#DBE1D2, #668EB4, #004693, #00293C, #00001E)
• Cypress Studio color palette (#F2F2EC, #C9DEDA, #7DA88E, #007B7B, #233C30)
• Timeworn Sky Veranda color palette (#FCF3EE, #BEE7F4, #5EB0E0, #00816F, #152E53)

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