Tempered Atelier color palette — #FCF0DD · #A2AF6F · #407B41 · #4D4375 · #1E2400

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

The five colors

• Cream (#FCF0DD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#A2AF6F): A luminous, balanced green — the color of new leaves after rain.
• Olive (#407B41): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#4D4375): A full-bodied, balanced violet — the color of a velvet chair.
• Onyx (#1E2400): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Tempered Atelier 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 Cypress color palette (#F6F2E0, #86AC82, #30735C, #5E3B44, #1C1E00)
• Timeworn Olive Bloom color palette (#FAF0E4, #C2B289, #697D49, #674B5B, #2F2611)
• Softworn Fern color palette (#F1E3CD, #939C49, #216D0E, #422F72, #161800)
• Feathered Pine color palette (#F8F7DF, #84B276, #297C3F, #005C64, #224416)
• Muted Indigo Loft color palette (#ECF9EF, #BAC183, #5D984E, #665BAD, #3B3E0F)
• Quiet Emerald color palette (#DFFDF4, #B9E9A6, #51A85F, #0B7981, #1D3612)
• Antique Bloom color palette (#FFECEF, #DD7DE2, #00995C, #820089, #002814)
• Pine Veranda color palette (#E5E2CD, #47895A, #005043, #3F1542, #000B02)

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