Tempered Courtyard color palette — #F8F4EE · #CBE7E1 · #6BBFD8 · #499688 · #3A5047

Cyan and Fern set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F8F4EE): a clean, paper-quiet neutral.
• Silver (#CBE7E1): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#6BBFD8): A luminous, balanced blue — the color of open sky before noon.
• Fern (#499688): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#3A5047): A full-bodied, dusty teal — the color of shallow lagoons.

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

• Cerulean Thicket color palette (#F8F5EF, #CBE7EB, #97B2E2, #4891A9, #604B59)
• Tempered Petrol color palette (#F0E7D8, #71C1C5, #008399, #005B4B, #002331)
• Washed Teal color palette (#FAF3F8, #D5D5E7, #B1C0E4, #78B09B, #425568)
• Tempered Taupe Hollow color palette (#FFF1F2, #D59CC6, #B8A451, #45A0B6, #503D3E)
• Aged Denim color palette (#EAE4DB, #609DAC, #006082, #003C3A, #000A17)
• Pale Azure color palette (#FBF4EA, #ACE5FE, #0AA4F6, #008189, #244067)
• Misty Cobalt color palette (#F5EDE1, #9FCBE8, #4188D8, #00697A, #1C2A57)
• Patina Delta color palette (#FFF1F3, #E2B2DE, #71C78C, #B074AC, #4C4E47)

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