Quiet Lagoon color palette — #CFF3FF · #007EA6 · #004E77 · #001E3E · #00031F
A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.
The five colors
- Frost (#CFF3FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#007EA6): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#004E77): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#001E3E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#00031F): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Balance. Tagged 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
- Gentle Navy color palette (#C7F2E9, #008BA2, #004A71, #001669, #19003C)
- Muted Cobalt Grove color palette (#E1F2FF, #0077C9, #003C92, #0C0062, #03001A)
- Wandering Lagoon color palette (#D7EDE5, #008C80, #005251, #00292D, #000608)
- Muted Navy color palette (#CAEEEE, #006D96, #003A76, #360038, #00060E)
- Patina Abyss color palette (#DCE4E7, #A3B6C2, #7392A9, #004C59, #010D13)
- Misty Meadow color palette (#D8EEFE, #00AEC9, #008BC3, #004BB0, #00040A)
- Soft Cobalt Study color palette (#D1EEFF, #7CB6E6, #3175C8, #29478D, #1B195E)
- Tempered Navy Studio color palette (#64FCED, #00ADC5, #006B9B, #001284, #050015)
Browse the whole catalog at Explore, or see today's palette.