Tempered Courtyard color palette — #FAF4ED · #C6EFE3 · #8FA3DA · #2E8897 · #5F3B4E

Built around Cerulean, softened by Mauve — the whole palette hums with trust and stability.

The five colors

• Ivory (#FAF4ED): a clean, paper-quiet neutral.
• Honeydew (#C6EFE3): A whisper-light, dusty teal — the color of glacier melt.
• Mauve (#8FA3DA): A luminous, balanced violet — the color of a velvet chair.
• Cerulean (#2E8897): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#5F3B4E): A full-bodied, dusty rose — the color of strawberry cream.

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

• Ancient Powder color palette (#F1F7F0, #DAD5DF, #9FB8FF, #2691A2, #373D5A)
• Antique Turquoise Garden color palette (#FEF2ED, #C5E7E0, #69AFCD, #498973, #215147)
• Worn Petrol Villa color palette (#EEF7F7, #CCDFF2, #6A8CBA, #006A93, #344868)
• Hushed Station color palette (#FFF2EE, #E6848A, #00AFA9, #348AB7, #4E2F25)
• Cobalt Meadow color palette (#F0E3DD, #70BFD3, #007DB4, #005A4E, #001C4A)
• Denim Atelier color palette (#F6ECE4, #639BB6, #0458A2, #003B3B, #05002C)
• Forest Market color palette (#F8ECE5, #AFCEAE, #0096B0, #007043, #00324A)
• Antique Cocoa Coast color palette (#FFF2EE, #E0DACE, #C2D09D, #B787AB, #74381A)

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