Tempered Lagoon Lantern color palette — #FBF2F7 · #C8EAFF · #82A8D4 · #3E8A79 · #3D4762

Fern takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Frost (#C8EAFF): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#82A8D4): A luminous, dusty blue — the color of a favorite pair of jeans.
• Fern (#3E8A79): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#3D4762): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Tempered Lagoon Lantern 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

• Softworn Balcony color palette (#FFF1F6, #AADBFE, #7B93D2, #217B77, #3E3357)
• Aged Sky color palette (#ECF7FF, #58C5F7, #E38B60, #378AB0, #573749)
• Softworn Shell color palette (#EAF8FF, #DAD8E9, #F4BBCE, #6EA79B, #3A4A59)
• Turquoise Boulevard color palette (#EBF7FF, #00B5E8, #CA8841, #90813D, #253B49)
• Cerulean Alley color palette (#F4F6ED, #C3E6D4, #4D93B9, #236D7B, #245145)
• Frosted Cerulean color palette (#EFDEEB, #28A4B4, #005F88, #003E26, #010030)
• Aqua Boulevard color palette (#B1F2DD, #1AD3DF, #00A0CC, #4171A0, #374968)
• Feathered Ultramarine Ridge color palette (#EFE1E7, #5CACD7, #3661BA, #004A45, #170637)

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