Tempered Summit color palette — #F0EAFF · #00FCF5 · #D4D2C7 · #223A20 · #0F160E

Lagoon and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F0EAFF): A whisper-light, dusty violet — the color of wild irises.
• Lagoon (#00FCF5): A whisper-light, balanced teal — the color of glacier melt.
• Oat (#D4D2C7): a clean, paper-quiet neutral.
• Forest (#223A20): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#0F160E): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged neon, dark, vibrant, muted.

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

• Ancient Seafoam Dune color palette (#E2F0FF, #63FEB3, #D8D1C7, #324200, #181B13)
• Glacier Ridge color palette (#EEF2DB, #FEE4FE, #8BEFFF, #004048, #0B190F)
• Dusty Veil color palette (#FFE6F2, #BBE3FF, #9398A9, #183B30, #111D19)
• Mint Hollow color palette (#FED8CC, #FFB4E3, #00E9AE, #575B53, #23281F)
• Muted Market color palette (#EFE6CB, #E9B4FF, #00D1EF, #002329, #000502)
• Weathered Aqua color palette (#FDE7DD, #C3B9FF, #00CBC5, #2A3A49, #1D2628)
• Lagoon Courtyard color palette (#EFF8EF, #FBE3B0, #2D8587, #004143, #071308)
• Worn Pier color palette (#E6FF9E, #FFD2ED, #A7D6FF, #002B4A, #00140F)

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