Tempered Lagoon color palette — #D5F8E5 · #B0A222 · #4D52EC · #574F00 · #040027

Built around Iris, softened by Mustard — the whole palette hums with nature and growth.

The five colors

• Honeydew (#D5F8E5): A whisper-light, dusty teal — the color of shallow lagoons.
• Mustard (#B0A222): A luminous, balanced green — the color of fresh herbs.
• Iris (#4D52EC): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Olive (#574F00): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#040027): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Calm, Energy, Balance. Tagged vibrant, cool.

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

• Pale Byzantium Station color palette (#C9FCE7, #9FA922, #8B43C1, #4D5200, #0E001B)
• Faded Basin color palette (#FFE7EF, #DC8A22, #006DC6, #6F4100, #000716)
• Tempered Balcony color palette (#CCE7DD, #81971F, #7826B3, #364200, #020006)
• Cornflower Dune color palette (#D0E5DD, #A5BD2D, #3678DF, #697A00, #001742)
• Wandering Grape color palette (#FAEBC9, #7D6A00, #532FCC, #403600, #070025)
• Ancient Lapis color palette (#E9E4AB, #877C00, #5451E0, #5F35A8, #020200)
• Chalky Pier color palette (#C7FAF4, #2CBF3D, #BC2CA4, #035511, #140010)
• Hushed Harbor color palette (#D6FFF8, #66E228, #AC6FF9, #2C7600, #2B004E)

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