Tempered Courtyard color palette — #FBF3EF · #C1E1E6 · #A2C5E8 · #7AB092 · #335248
A conversation between Jade and Sky, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FBF3EF): a clean, paper-quiet neutral.
- Silver (#C1E1E6): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Sky (#A2C5E8): A luminous, dusty blue — the color of a favorite pair of jeans.
- Jade (#7AB092): A luminous, dusty teal — the color of glacier melt.
- Charcoal Brown (#335248): A full-bodied, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Sophistication, Softness. 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 Villa color palette (#EEF7F5, #CFE0F1, #8DB9C9, #5D9098, #3B5764)
- Aged Harbor color palette (#F5F7E9, #BAE2E1, #CDBD93, #ACACBB, #41530B)
- Washed Orchard color palette (#F6F0F4, #D0D4F0, #61A8BB, #3D795A, #253848)
- Antique Courtyard color palette (#F5F7E7, #BDE1AF, #DEB8E2, #8DB67E, #684048)
- Quiet Teal color palette (#FFF2EB, #B6EFFF, #6DC0F5, #00A894, #1D3D76)
- Pale Cerulean color palette (#F0DCD3, #78BCCB, #008EC3, #006F5C, #001330)
- Timeworn Terrace color palette (#F2FAD7, #BDEECA, #8EC69E, #5E9674, #1A422A)
- Mallow Basin color palette (#F5F7E4, #ACD5A1, #D3ACE9, #D4949B, #42433C)
Browse the whole catalog at Explore, or see today's palette.