Hushed Lagoon color palette — #E0F8F2 · #5B8013 · #26378F · #5C0F49 · #17030B
A conversation between Indigo and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E0F8F2): A whisper-light, dusty teal — the color of glacier melt.
- Olive Leaf (#5B8013): A full-bodied, balanced green — the color of a quiet forest floor.
- Indigo (#26378F): A deep, shadowed, balanced violet — the color of a velvet chair.
- Mulberry (#5C0F49): A deep, shadowed, balanced pink — the color of a candy shop window.
- Ink (#17030B): A deep, shadowed, dusty rose — the color of strawberry cream.
Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.
Use it as a design system
One click turns Hushed 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
- Feathered Study color palette (#E4F7EF, #726F00, #00588E, #4C114B, #16010E)
- Nightshade Chapel color palette (#DCF9F5, #3D8742, #443897, #5F032D, #001103)
- Emerald Study color palette (#DBF3F2, #009456, #005A8A, #501850, #240C00)
- Aubergine Courtyard color palette (#D4F2DA, #569C64, #006964, #50215C, #001D1E)
- Muted Mulberry color palette (#F8F6E3, #659635, #485EB6, #840069, #2F1B04)
- Linen Aubergine Courtyard color palette (#BDF4F7, #007053, #700091, #5A0009, #050600)
- Wandering Workshop color palette (#E2FBFB, #05B87C, #007E7D, #752666, #000C0C)
- Nightshade Boulevard color palette (#CDF0EA, #145501, #270091, #36001F, #020100)
Browse the whole catalog at Explore, or see today's palette.