Tempered Courtyard color palette — #E1E8FF · #6F8524 · #28036C · #23091F · #0A0028

Built around Deep Indigo, softened by Olive Leaf — the whole palette hums with nature and growth.

The five colors

• Frost (#E1E8FF): A whisper-light, dusty violet — the color of a velvet chair.
• Olive Leaf (#6F8524): A full-bodied, balanced green — the color of fresh herbs.
• Deep Indigo (#28036C): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#23091F): A deep, shadowed, dusty pink — the color of a candy shop window.
• Ink (#0A0028): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Balance. Tagged luxury, dark.

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

• Nocturne Olive Parlor color palette (#E4E5F7, #457C30, #2B0047, #270F14, #090013)
• Cellar Boulevard color palette (#DEE6F4, #8F7904, #130E71, #03002D, #050005)
• Muted Meadow color palette (#E3E1FD, #6EA521, #5B0076, #2C003B, #0F0A24)
• Patina Bronze Lagoon color palette (#D5E4F2, #AC6735, #002847, #1E1723, #000A17)
• Garnet Hollow color palette (#E6D9EB, #8E9339, #660232, #300014, #14031A)
• Mulberry Basin color palette (#F9F2FF, #9DAA54, #7D1555, #4A002F, #201528)
• Twilit Aubergine Balcony color palette (#F2DBE5, #B95454, #360069, #0C0020, #040002)
• Lapis Garden color palette (#EFDBE7, #7BBB3A, #5B53C7, #322F6A, #080005)

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