Tempered Lagoon color palette — #FFF2EE · #FD2466 · #906E00 · #573B9E · #3B161A

Poppy and Plum set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Poppy (#FD2466): A luminous, vivid red — the color of embers at dusk.
• Ochre (#906E00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Plum (#573B9E): A full-bodied, balanced violet — the color of a velvet chair.
• Onyx (#3B161A): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Optimism, Creativity, Energy, Balance. Tagged jewel, vibrant.

Use it as a design system

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

• Rose Basin color palette (#FFF2EC, #EC3D36, #716B00, #5F3A77, #2A1513)
• Hazy Delta color palette (#FFF2EC, #E56A56, #857800, #005791, #2B0502)
• Magenta Alley color palette (#FFF1F2, #E70CD1, #C05D0F, #00499A, #29193A)
• Aged Emerald Studio color palette (#FFF3E8, #C67200, #3B911D, #7B1E60, #391A0A)
• Gentle Alley color palette (#FFF2EE, #C62E54, #005F31, #003E55, #2C1437)
• Rust Quarry color palette (#F9E7DA, #B34900, #405100, #4D054F, #170200)
• Tangerine Lantern color palette (#FFF3E9, #EB7700, #7F7C00, #006643, #59121C)
• Tempered Emerald color palette (#FFEFFF, #FF8386, #00AE57, #007EA8, #2F1736)

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