Tempered Courtyard color palette — #E1F8F1 · #648D00 · #6653A4 · #3E3266 · #1D0F1C

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

The five colors

• Ivory (#E1F8F1): A whisper-light, dusty teal — the color of sea glass.
• Olive Leaf (#648D00): A full-bodied, balanced green — the color of a quiet forest floor.
• Plum (#6653A4): A full-bodied, balanced violet — the color of wild irises.
• Navy (#3E3266): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#1D0F1C): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.

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

• Washed Olive color palette (#E1F8EF, #658D1D, #833B75, #58274F, #170B1A)
• Aged Lagoon Terrace color palette (#E7F5F6, #00A585, #745987, #5C446C, #28181F)
• Muted Grove color palette (#E3F8EB, #A17B00, #00678C, #00435C, #150E20)
• Muted Basin color palette (#EEF9ED, #9E6E28, #68477C, #6A2D4A, #33212C)
• Aubergine Balcony color palette (#C3F3EE, #368213, #650076, #4D005A, #110000)
• Ancient Pier color palette (#FFEAFE, #87AA56, #007A83, #5E3753, #052928)
• Antique Lime color palette (#F9F6E2, #97B444, #567AC9, #774A6A, #221304)
• Frosted Study color palette (#D8F9FF, #008F82, #950354, #660939, #190700)

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