Tempered Summit color palette — #F4F4FF · #BB5EF5 · #907E00 · #006544 · #170025

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

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Amethyst (#BB5EF5): A luminous, vivid violet — the color of wild irises.
• Olive Leaf (#907E00): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#006544): A full-bodied, balanced teal — the color of sea glass.
• Ink (#170025): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

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

• Muted Magenta Corridor color palette (#F6F3FF, #F647F6, #5F7B00, #006357, #1B001B)
• Antique Iris Drift color palette (#F2F4FF, #7A80FF, #AB7000, #416000, #080132)
• Magenta Pier color palette (#F5F3FF, #C24BD2, #695E00, #005144, #010028)
• Sunlit Peony Dune color palette (#FAF2FF, #D15A90, #458843, #00595E, #160009)
• Feathered Peony color palette (#F9F2FF, #FE42A9, #8E6100, #004C31, #001426)
• Airy Fuchsia color palette (#F8F2FF, #FF85D3, #5D9511, #007775, #300B24)
• Byzantium Coast color palette (#F7DAE3, #9610D9, #785300, #00463E, #140022)
• Linen Fuchsia color palette (#FFF4DE, #FF6BC7, #C43A3A, #00552E, #340017)

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