Garnet Lagoon color palette — #E1F7F9 · #008876 · #00667E · #68245C · #021608

Built around Mulberry, softened by Fern — the whole palette hums with trust and stability.

The five colors

• Ivory (#E1F7F9): A whisper-light, dusty blue — the color of open sky before noon.
• Fern (#008876): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#00667E): A full-bodied, balanced blue — the color of deep harbor water.
• Mulberry (#68245C): A deep, shadowed, balanced pink — the color of neon signs at night.
• Ink (#021608): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

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

• Hazy Harbor color palette (#E5F6F4, #59905B, #00716B, #502B78, #061805)
• Tempered Garnet color palette (#E8F4F9, #3D91A0, #4D6592, #773143, #081D1A)
• Aged Garnet Basin color palette (#FFEBF7, #88A872, #007B78, #702A47, #002928)
• Faded Navy color palette (#D3F1F5, #007362, #003F81, #520024, #040700)
• Antique Grape Coast color palette (#E4F5FF, #007B9B, #5F3CB6, #6C1700, #001206)
• Pale Ultramarine color palette (#E7F9FE, #008284, #4354B7, #562E69, #322836)
• Aubergine Grove color palette (#CFE9F5, #006879, #600992, #3D1500, #000304)
• Pale Terrace color palette (#E2F7F5, #619E6A, #6258A3, #6A1F4C, #371000)

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