Garnet Lagoon color palette — #E9F8FF · #17B9D5 · #AB5873 · #7E2046 · #261900

Wine and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E9F8FF): a clean, paper-quiet neutral.
• Cyan (#17B9D5): A luminous, balanced blue — the color of open sky before noon.
• Brick (#AB5873): A full-bodied, balanced red — the color of late-summer berries.
• Wine (#7E2046): A full-bodied, balanced red — the color of late-summer berries.
• Onyx (#261900): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, Balance. Tagged warm.

Use it as a design system

One click turns Garnet 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

• Teal Corridor color palette (#E5F9FF, #00BDBF, #AB557D, #415100, #171F00)
• Muted Lagoon color palette (#E9F6EA, #27C9CE, #9182E4, #BF3744, #2D2E00)
• Brick Alley color palette (#EAF8FF, #00ABCF, #C80C07, #513C00, #1A1100)
• Azure Archive color palette (#EDF7FF, #079DE8, #9B4500, #004525, #001106)
• Airy Mint color palette (#E7F9FB, #56D4B7, #A976A1, #70590F, #372900)
• Linen Moss color palette (#E5FBF2, #A2AF52, #6F6CB3, #7C2D07, #340D00)
• Faded Corridor color palette (#E1F1F6, #008D91, #523BB0, #620920, #171400)
• Softworn Grove color palette (#D6FFFB, #9FE0E5, #8CA1C0, #5F7762, #513C14)

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