Tempered Courtyard color palette — #FCF4E7 · #D2DFF7 · #00C2E4 · #008A74 · #003A51
Cyan and Fern set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FCF4E7): bright and airy, almost weightless.
- Powder Blue (#D2DFF7): A whisper-light, dusty violet — the color of twilight just after sunset.
- Cyan (#00C2E4): A luminous, balanced blue — the color of deep harbor water.
- Fern (#008A74): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Teal (#003A51): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. 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
- Timeworn Study color palette (#FCF4E7, #D5DFFA, #00AAD1, #007467, #00283D)
- Patina Boulevard color palette (#FBF4E9, #DAD5E0, #7AAFFF, #00849E, #262F65)
- Emerald Courtyard color palette (#FEF2EE, #B6F1F4, #3AC6FC, #00AD5B, #1F406D)
- Hushed Delta color palette (#D9FFF1, #14EED8, #00AEB1, #006B7C, #003F50)
- Worn Balcony color palette (#E1FDEB, #DCDAE6, #CBB5B2, #00BCB3, #003C4E)
- Timeworn Petrol color palette (#F4EDE3, #9FC1A0, #007484, #003F30, #000305)
- Hushed Lagoon color palette (#F8F5EF, #C4DDE6, #98CFD1, #50A19F, #2B574D)
- Cerulean Ridge color palette (#F8EEF7, #7BE3E6, #0090B8, #186533, #00244E)
Browse the whole catalog at Explore, or see today's palette.