Tempered Olive color palette — #F8F6E7 · #8DCACE · #868EC0 · #66773A · #354E43

Olive and Slate Blue set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F8F6E7): a clean, paper-quiet neutral.
• Ash (#8DCACE): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#868EC0): A luminous, dusty violet — the color of a velvet chair.
• Olive (#66773A): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#354E43): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged retro, muted.

Use it as a design system

One click turns Tempered Olive 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 Cypress Meadow color palette (#F2F7EF, #7EC1AF, #AE799B, #377853, #0B4E41)
• Wandering Grove color palette (#F1F8EB, #9BC2EA, #AB82AB, #2F7F66, #55404E)
• Aged Lilac Meadow color palette (#E9FAEF, #AAE8FF, #A996CF, #7D7346, #33414F)
• Softworn Meadow color palette (#EBFAE9, #C5DACB, #BBA5B2, #85863E, #485647)
• Pewter Quarry color palette (#ECF9EE, #80ACD8, #756FA4, #765031, #3D485A)
• Soft Periwinkle Cabin color palette (#E8F4D8, #63A7E7, #985E9E, #006645, #282C52)
• Muted Parlor color palette (#F8EEF6, #869ACD, #665257, #41333E, #1B2420)
• Softworn Balcony color palette (#FBF3EF, #DECEBA, #9BA072, #96717E, #694500)

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