Tempered Lagoon Summit color palette — #FFF0F8 · #9AB180 · #2C877F · #754A60 · #344D4B

Fern and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Sage (#9AB180): A luminous, dusty green — the color of new leaves after rain.
• Fern (#2C877F): A full-bodied, balanced teal — the color of shallow lagoons.
• Coffee (#754A60): A full-bodied, dusty rose — the color of a warm blush.
• Charcoal (#344D4B): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication. Tagged retro, muted.

Use it as a design system

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

• Hushed Teal color palette (#FEF1F9, #60BBA7, #407FA1, #7B4B3E, #324C55)
• Tempered Olive color palette (#FFF1F5, #C3A270, #5B8545, #664C7D, #384D41)
• Muted Petrol Hollow color palette (#EEF8F4, #989E5A, #2B799D, #763F59, #553849)
• Mint Station color palette (#F5F2E1, #7DBD88, #478672, #2C5C4F, #292F1D)
• Hushed Field color palette (#F9F3F7, #D3D7EE, #58A6B9, #487C5D, #435563)
• Ash Archive color palette (#E2FCF3, #B0CACB, #769AA9, #7B6777, #5C484C)
• Softworn Mint color palette (#EBF8F8, #FEF4AE, #76DD9A, #4DA6C0, #2A494B)
• Sunlit Veranda color palette (#FFF0FA, #00A850, #006D79, #830032, #004032)

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