Tempered Lagoon color palette — #F5EEFF · #C567AA · #8A581F · #174D2A · #002037

Built around Hot Pink, softened by Ochre — the whole palette hums with nature and growth.

The five colors

• Blush (#F5EEFF): A whisper-light, dusty violet — the color of a velvet chair.
• Hot Pink (#C567AA): A luminous, balanced pink — the color of a candy shop window.
• Ochre (#8A581F): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Forest (#174D2A): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Midnight (#002037): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged warm.

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

• Faded Rose color palette (#F9EDFA, #D76277, #736517, #004C46, #141A3F)
• Hushed Chestnut Canyon color palette (#FFF1F4, #A075B3, #7B5F00, #00525E, #13354E)
• Patina Iris Balcony color palette (#EEF1FF, #8E7ED3, #964A4A, #424500, #002427)
• Pale Bronze color palette (#FFF2EE, #DA8C91, #AC713C, #646113, #114325)
• Hushed Stone color palette (#F2E8FF, #DCA4A9, #987D8C, #3A6261, #193841)
• Plum Basin color palette (#EFD6F9, #CE006A, #5B4B00, #003430, #0C0037)
• Patina Rust Lantern color palette (#F1E2EA, #AE4600, #315100, #002D37, #120024)
• Dusty Veranda color palette (#FFE7F0, #ED7A97, #B85056, #733628, #492514)

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