Tempered Studio color palette — #FFF1F6 · #FC8F04 · #848300 · #00613B · #450016

Apricot and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Apricot (#FC8F04): A luminous, vivid gold — the color of honey in a jar.
• Olive Leaf (#848300): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#00613B): A full-bodied, balanced teal — the color of shallow lagoons.
• Espresso (#450016): A deep, shadowed, balanced red — the color of a theater curtain.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Tempered Studio 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

• Timeworn Olive color palette (#EDF9EE, #D79907, #558700, #00564D, #370800)
• Coral Dune color palette (#FFF0FC, #FF8579, #A37500, #2F5F00, #410227)
• Emerald Market color palette (#EAF9F3, #BBC270, #08A36F, #006876, #422200)
• Amber Garden color palette (#FFF3E8, #FFB864, #BB8300, #886400, #3F3200)
• Quiet Parlor color palette (#E5FCE9, #B88900, #467200, #004338, #000F16)
• Softworn Market color palette (#FFF0F8, #E16B00, #583100, #240A1A, #040003)
• Worn Canyon color palette (#E0FAEA, #907900, #025F14, #002B2B, #040100)
• Gentle Ember color palette (#FFEEE5, #D15739, #576200, #004244, #15004E)

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