Garnet Lagoon color palette — #E7FBEF · #006A7E · #2E4777 · #640425 · #152001

Built around Mulberry, softened by Peacock — the whole palette hums with nature and growth.

The five colors

• Ivory (#E7FBEF): A whisper-light, dusty teal — the color of sea glass.
• Peacock (#006A7E): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#2E4777): A full-bodied, balanced violet — the color of wild irises.
• Mulberry (#640425): A deep, shadowed, balanced red — the color of late-summer berries.
• Onyx (#152001): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.

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

• Hushed Garnet color palette (#EFF9E9, #007464, #00585D, #60013E, #1E2201)
• Hazy Cobalt Loft color palette (#FEF0FF, #216ABB, #01498D, #64132F, #16220E)
• Lagoon Canyon color palette (#FFEADF, #189C79, #205F8E, #6D2416, #1B381E)
• Navy Chapel color palette (#FFF3E4, #936300, #18439A, #5B2000, #2A1A03)
• Moonless Petrol color palette (#E0F3E5, #00707D, #301F30, #06180C, #000603)
• Faded Studio color palette (#DEF8FA, #008669, #63288B, #670013, #000E08)
• Charred Navy color palette (#DBECE7, #004474, #003257, #380014, #000B05)
• Airy Aubergine color palette (#FFE4F3, #5340A5, #6C005F, #292800, #0E0B2F)

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