Tempered Courtyard color palette — #D8F6F7 · #559CC5 · #746CAC · #5C4D17 · #282100

Built around Slate, softened by Cerulean — the whole palette hums with nature and growth.

The five colors

• Honeydew (#D8F6F7): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#559CC5): A luminous, balanced blue — the color of open sky before noon.
• Slate (#746CAC): A full-bodied, balanced violet — the color of wild irises.
• Deep Olive (#5C4D17): A full-bodied, dusty green — the color of new leaves after rain.
• Onyx (#282100): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged vintage, retro, 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 Harbor color palette (#DCEEF6, #8189EB, #916494, #4C6129, #132000)
• Antique Chestnut color palette (#DDE9DE, #3FA29E, #427DA6, #864529, #311300)
• Azure Atelier color palette (#C9E9D6, #479FC7, #5A5A91, #3F3900, #090800)
• Cobalt Garden color palette (#DEEDFA, #578AD4, #555DA0, #512E45, #3B081D)
• Hazy Thicket color palette (#FAE7DF, #53C2CF, #0090BA, #006F56, #00142A)
• Petrol Summit color palette (#C8F0FF, #4671A5, #403B6C, #441500, #100900)
• Faded Powder Studio color palette (#DCF3FB, #89B9FF, #B390D3, #867549, #463600)
• Weathered Wisteria Canyon color palette (#DADFF2, #C38BC7, #A56F76, #367562, #003528)

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