Tempered Lagoon color palette — #D2F2FF · #0A9BF0 · #0051DF · #2D0093 · #170032

Cobalt takes the lead with Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#D2F2FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cornflower (#0A9BF0): A luminous, vivid blue — the color of deep harbor water.
• Cobalt (#0051DF): A full-bodied, vivid violet — the color of twilight just after sunset.
• Indigo (#2D0093): A deep, shadowed, vivid violet — the color of a velvet chair.
• Deep Indigo (#170032): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Energy. 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

• Tempered Lapis Chapel color palette (#CDE4F6, #4890FF, #5542D5, #470085, #25002F)
• Ancient Navy Parlor color palette (#CFF4F7, #009DC3, #00669D, #00199B, #0D0040)
• Tempered Garden color palette (#D5FFFB, #41D0FF, #0081E8, #4B00B2, #2C0027)
• Neon Grape Studio color palette (#D1F2FF, #38B2FC, #0D72F3, #4900D7, #330065)
• Dusty Nightshade Harbor color palette (#EFE6D4, #0089C3, #3F33C0, #531F00, #001229)
• Aubergine Quarry color palette (#D4E9E3, #00A5BD, #0062AA, #480096, #4C004E)
• Faded Aubergine color palette (#E2EDFB, #909FFF, #7E59C3, #5D007E, #2F002D)
• Amethyst Veranda color palette (#E8F3FF, #30D7FA, #43A0FF, #7E2DFC, #03003F)

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