Quiet Lagoon color palette — #DBF2F1 · #59BD98 · #00947D · #1A6C90 · #002116
Fern and Jade set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#DBF2F1): A whisper-light, dusty teal — the color of shallow lagoons.
- Jade (#59BD98): A luminous, balanced teal — the color of glacier melt.
- Fern (#00947D): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#1A6C90): A full-bodied, balanced blue — the color of deep harbor water.
- Ink (#002116): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Calm, Balance, Grounding. Tagged botanical, earthy, muted, cool.
Use it as a design system
One click turns Quiet 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
- Tempered Studio color palette (#DCEDE8, #8FB47B, #32963B, #007277, #00201C)
- Dusty Aubergine color palette (#DBEDE6, #6DA170, #00715A, #5B3166, #00201E)
- Timeworn Azure Balcony color palette (#E0F3F1, #91C8E8, #029AEB, #007995, #00203F)
- Jade Station color palette (#D4EAE7, #80CE9C, #00AA7C, #946C3F, #00302F)
- Aged Coast color palette (#DAF1E3, #AAAD61, #758A00, #8A514F, #002116)
- Patina Olive Lantern color palette (#D9F4E5, #52884A, #005041, #46152C, #010B00)
- Teal Boulevard color palette (#EDF8F8, #A7E3D4, #6CBDB5, #7893AD, #2B484C)
- Airy Pine Thicket color palette (#CFEAE1, #699842, #127714, #75310A, #020800)
Browse the whole catalog at Explore, or see today's palette.