Tempered Courtyard color palette — #ECF8F4 · #9BCCC9 · #568D82 · #4C6A7D · #3C5251
Fern and Stone set the tone — five colors that lean into calm and sophistication.
The five colors
- Ivory (#ECF8F4): a clean, paper-quiet neutral.
- Stone (#9BCCC9): A luminous, dusty teal — the color of glacier melt.
- Fern (#568D82): A luminous, dusty teal — the color of sea glass.
- Graphite (#4C6A7D): A full-bodied, dusty blue — the color of deep harbor water.
- Charcoal Brown (#3C5251): A full-bodied, dusty teal — the color of shallow lagoons.
Feels like: Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.
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 Chapel color palette (#F0F4E8, #B9CAA6, #559081, #556755, #253800)
- Softworn Study color palette (#ECF9F4, #94BB96, #1E866D, #5A5476, #2C4846)
- Cypress Thicket color palette (#FAF3F7, #D7DFF0, #759DC5, #257D7A, #485367)
- Moss Market color palette (#F1F5FF, #A7A8E9, #85A55A, #6B6AAA, #2A574C)
- Fern Hollow color palette (#F5F6EA, #D7E3C4, #8AC3B5, #89A190, #42550F)
- Worn Basin color palette (#D3EBDE, #62864B, #005233, #3D1A56, #00201B)
- Antique Iris color palette (#F2F5FF, #968DD5, #958C3A, #608155, #3D4251)
- Olive Bloom color palette (#EBFAEA, #AEA566, #537600, #424B84, #1B4431)
Browse the whole catalog at Explore, or see today's palette.