Tempered Courtyard color palette — #F9F6DE · #F0E856 · #9DD134 · #00AE3D · #0A1C00
Kelly Green and Lime set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F9F6DE): A whisper-light, dusty green — the color of new leaves after rain.
- Lemon (#F0E856): A whisper-light, vivid green — the color of new leaves after rain.
- Lime (#9DD134): A luminous, vivid green — the color of a quiet forest floor.
- Kelly Green (#00AE3D): A luminous, vivid green — the color of new leaves after rain.
- Ink (#0A1C00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Energy, Balance. Tagged candy, vibrant, light.
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
- Ancient Sunflower Lantern color palette (#FEF5DA, #D9E0B8, #DFCC00, #7EAA00, #131300)
- Misty Clover Market color palette (#F6F7E1, #F1FD95, #A7EC87, #10C57B, #022705)
- Timeworn Mint color palette (#F2F9DE, #B9F788, #00DF71, #00AA8E, #00190C)
- Softworn Clover color palette (#F3F8E1, #ADE662, #00C33E, #009474, #000201)
- Emerald Market color palette (#C4F4BC, #71C984, #009858, #00583D, #002B1F)
- Chartreuse Drift color palette (#F5F2D9, #FFCA8F, #C5D100, #00C5B2, #0D2D06)
- Washed Pine Workshop color palette (#CDFDEE, #CFB900, #8CA000, #0F871C, #1B2E00)
- Mint Grove color palette (#E6F7D5, #30E275, #00B68E, #00706D, #000201)
Browse the whole catalog at Explore, or see today's palette.