Tempered Courtyard color palette — #D5E4D8 · #47A9CD · #005E8C · #00393C · #000A1E

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

The five colors

• Bone (#D5E4D8): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#47A9CD): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005E8C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#00393C): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000A1E): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Sunlit Study color palette (#DCE8DE, #458FCF, #12419C, #002A36, #03001C)
• Worn Denim Canyon color palette (#EADED7, #7CAB94, #005B96, #003E3B, #101B45)
• Sunlit Cobalt Meadow color palette (#DFEEE1, #78BBED, #346AB5, #004958, #0B1136)
• Periwinkle Balcony color palette (#CEE5F8, #70A9FF, #8379C1, #004F5D, #000C1A)
• Petrol Grove color palette (#C2F0EE, #008091, #005569, #002637, #000E1F)
• Tempered Alley color palette (#ECF5ED, #C3E1F8, #6591C0, #036A79, #1C2C45)
• Soft Aqua Courtyard color palette (#E5F8E8, #00D5DA, #008093, #005342, #001D29)
• Chestnut Harbor color palette (#D8EFFF, #00759A, #8B3F00, #003C51, #120400)

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