Tempered Olive color palette — #F9E8FD · #6B7F00 · #560020 · #2A1312 · #130003

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

The five colors

• Blush (#F9E8FD): A whisper-light, dusty pink — the color of neon signs at night.
• Olive Leaf (#6B7F00): A full-bodied, balanced green — the color of a quiet forest floor.
• Mulberry (#560020): A deep, shadowed, balanced red — the color of late-summer berries.
• Ink (#2A1312): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#130003): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Balance. Tagged luxury, dark, 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

• Eclipse Olive Villa color palette (#F2DFD8, #847D11, #3B0008, #100802, #040000)
• Obsidian Olive Chapel color palette (#DFDBF0, #358A00, #4A004E, #241218, #0F0011)
• Amber Corridor color palette (#FAE3EB, #AF8F00, #653900, #2A1500, #080003)
• Ancient Mustard color palette (#F9EAF1, #C5B657, #954D1D, #4A293B, #1E1218)
• Antique Cocoa Study color palette (#F4E8EE, #95AB9B, #6B8F85, #6E3200, #11050B)
• Marigold Harbor color palette (#C5F0DC, #E39A00, #605F00, #303000, #00140C)
• Aged Mustard color palette (#EBFAEC, #DFC177, #8F6A26, #314934, #19251A)
• Tempered Parlor color palette (#FCD5D8, #AC5B00, #5F4600, #1D2A00, #000402)

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