Tempered Summit color palette — #FFF1F3 · #DB6EC9 · #807D00 · #006255 · #03082C

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

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Bubblegum (#DB6EC9): A luminous, vivid pink — the color of peonies in June.
• Olive Leaf (#807D00): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#006255): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#03082C): A deep, shadowed, dusty violet — the color of wild irises.

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

• Airy Olive color palette (#FFF1F0, #D375A8, #4E7500, #00545D, #16010D)
• Blush Chapel color palette (#FFF2F0, #FF7CB0, #A27500, #006046, #002244)
• Wisteria Studio color palette (#FFF0F7, #AB74FC, #9D7000, #006130, #001724)
• Sunlit Blush color palette (#FFF2EE, #FB7487, #00894E, #005D82, #210728)
• Raspberry Ridge color palette (#FFF1F2, #BF5099, #4A6000, #003D3E, #01000A)
• Byzantium Grove color palette (#F3EFFF, #B03CAE, #734800, #004052, #0E051E)
• Airy Ember color palette (#FFF4DE, #FF9ACB, #D55948, #006943, #481022)
• Airy Ember color palette (#FFF2EC, #F3370A, #007663, #00427A, #130011)

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