Quiet Lagoon color palette — #ECD8E8 · #44B4BF · #006F98 · #004D2C · #000E3C
Peacock and Cyan set the tone — five colors that lean into nature and growth.
The five colors
- Silver (#ECD8E8): A whisper-light, dusty pink — the color of neon signs at night.
- Cyan (#44B4BF): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#006F98): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004D2C): A deep, shadowed, balanced teal — the color of sea glass.
- Deep Indigo (#000E3C): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Chalky Ultramarine Lagoon color palette (#F6DEE7, #5CABD8, #3A61B7, #004A46, #170537)
- Patina Canyon color palette (#F9EBE4, #86C3CA, #007293, #00402F, #000308)
- Dusty Abyss color palette (#DFE1D1, #5C9BA2, #005361, #00302E, #00171F)
- Worn Market color palette (#DEF2EE, #77BEC4, #0093A7, #006D69, #00171E)
- Hazy Market color palette (#F7EAF6, #69D8DF, #2892BB, #186F3D, #162E50)
- Weathered Terrace color palette (#ECD5F0, #A000B6, #006B55, #004E53, #120015)
- Tempered Hollow color palette (#FBF2F6, #D4DFFE, #82A6DE, #4B877E, #40475D)
- Misty Amber Field color palette (#F2DDFA, #EC94A3, #C98100, #4B57A4, #2D091E)
Browse the whole catalog at Explore, or see today's palette.