Tempered Courtyard color palette — #F1E4EC · #5894A6 · #004E78 · #002C27 · #00011B

A conversation between Peacock and Storm Blue, giving this palette its sense of trust and stability.

The five colors

• Blush (#F1E4EC): a clean, paper-quiet neutral.
• Storm Blue (#5894A6): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#004E78): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Forest (#002C27): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#00011B): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Airy Nightshade Pier color palette (#DCE4DB, #608FB9, #2439A6, #002B31, #050018)
• Muted Lagoon color palette (#F4EAF1, #3D8685, #004350, #002110, #000103)
• Powdered Violet color palette (#C5EAFC, #7BA0DE, #9055BF, #004845, #000710)
• Petrol Cabin color palette (#EDF0DE, #89C1D2, #007193, #003D43, #000306)
• Gentle Petrol color palette (#EFE4DD, #51B0CB, #006DA3, #004B43, #000B40)
• Muted Cobalt color palette (#F7EFF3, #AECCDF, #3880BF, #005C58, #141E3F)
• Hazy Garnet color palette (#D5EEFF, #006486, #8C0800, #002E40, #0A0000)
• Shadow Veranda color palette (#C9E7FB, #004F73, #701D00, #462500, #000103)

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