Tempered Lagoon color palette — #F1F1FC · #8F5FB0 · #7A5D00 · #00495E · #100F1D

Amethyst and Olive set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F1F1FC): bright and airy, almost weightless.
• Amethyst (#8F5FB0): A full-bodied, balanced violet — the color of a velvet chair.
• Olive (#7A5D00): A full-bodied, balanced gold — the color of old brass.
• Deep Teal (#00495E): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#100F1D): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged jewel, vibrant, muted.

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

• Aged Terracotta Station color palette (#EFF1FF, #8467B6, #9A3B0E, #004C3E, #0D0E21)
• Raspberry Dune color palette (#F5EFFC, #AC5C88, #506100, #103A75, #140D1A)
• Pale Wisteria color palette (#F2F0FF, #B370BE, #43732A, #004959, #00232C)
• Misty Study color palette (#DCF9F2, #B08BC8, #AC453C, #004F5D, #271D33)
• Worn Study color palette (#F8EDFF, #BD0074, #554B00, #002C3E, #110006)
• Wisteria Archive color palette (#FFF1F3, #D384D5, #7B830F, #006F6B, #1F0F1C)
• Sunlit Garden color palette (#F9EDFF, #C92972, #005F37, #3C1C89, #18071F)
• Pewter Study color palette (#F2F0F7, #E3D5DA, #D5B6B7, #916388, #2D2B32)

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