Lagoon Hollow color palette — #F0F7F1 · #ABF5F8 · #9196DF · #009DA2 · #1E0B18

Cerulean and Lavender Blue set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#F0F7F1): a clean, paper-quiet neutral.
• Sea Foam (#ABF5F8): A whisper-light, dusty teal — the color of sea glass.
• Lavender Blue (#9196DF): A luminous, balanced violet — the color of a velvet chair.
• Cerulean (#009DA2): A luminous, balanced teal — the color of shallow lagoons.
• Ink (#1E0B18): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Creativity, Sophistication. Tagged duotone, muted.

Use it as a design system

One click turns Lagoon Hollow 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 Lagoon color palette (#F3F6F0, #B1F7DA, #32ABDC, #00A279, #00170E)
• Patina Cobalt color palette (#EDF8F5, #D7DBF8, #B687D8, #278FDF, #1F0B12)
• Wisteria Thicket color palette (#F3F7F0, #7FEDCE, #CF92E7, #27BB9A, #311E23)
• Gentle Loft color palette (#ECFAED, #5AB6C6, #A6608D, #934D00, #161702)
• Nightshade Summit color palette (#DEEFE2, #00A0B3, #4C1AC0, #00444D, #010009)
• Washed Lagoon color palette (#E7F5F7, #11CFB4, #7F63B3, #007565, #0C0D1A)
• Dusty Lantern color palette (#EBF8FC, #49C3C8, #356FB8, #006D71, #1A2532)
• Quiet Terracotta color palette (#FFF4E2, #88D8FA, #738FD7, #9E4329, #15392F)

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