Tempered Olive color palette — #F8F6E7 · #A6C8A8 · #848FBF · #687637 · #314F41

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

The five colors

• Ivory (#F8F6E7): a clean, paper-quiet neutral.
• Pistachio (#A6C8A8): A luminous, dusty green — the color of fresh herbs.
• Slate Blue (#848FBF): A luminous, dusty violet — the color of a velvet chair.
• Olive (#687637): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#314F41): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, 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 Balcony color palette (#F3F8E8, #8AC8E2, #9B87B9, #397F56, #524153)
• Tempered Driftwood color palette (#E9FBEC, #CEDED1, #BDA5B9, #8E8239, #41513A)
• Cobalt Orchard color palette (#EBFAED, #75ADDF, #726DB1, #774F32, #3D4959)
• Powder Thicket color palette (#FEF4E3, #A8D6FF, #AAA8D8, #A4856B, #514250)
• Airy Violet Pier color palette (#E8F3DF, #64AAD5, #8E62A7, #00654D, #202F52)
• Wandering Delta color palette (#FBF3EF, #DECEBA, #9DA070, #96717F, #6A4400)
• Weathered Lagoon color palette (#FAF4EF, #CEE5E6, #9DB0DF, #2F9894, #664856)
• Dusty Ash Canyon color palette (#FAEDF8, #849BCC, #665257, #423240, #1C2420)

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