Lagoon Lantern color palette — #FAF3F7 · #D6D4E0 · #91C1E8 · #3C9289 · #303E5F

Fern and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Silver (#D6D4E0): bright and airy, almost weightless.
• Sky (#91C1E8): A luminous, dusty blue — the color of open sky before noon.
• Fern (#3C9289): A luminous, balanced teal — the color of sea glass.
• Navy (#303E5F): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

One click turns 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

• Petrol Studio color palette (#FFF1F6, #D8D3DE, #89A6DB, #007E87, #2A294E)
• Timeworn Veranda color palette (#F4F6EE, #C2E5E3, #7DC8EE, #1BABBD, #295144)
• Antique Cerulean color palette (#FFF0FA, #9FD6E4, #00899D, #00552D, #000F18)
• Denim Studio color palette (#F2E8F0, #73ADB5, #005D7A, #002C21, #000104)
• Timeworn Field color palette (#FAF4F0, #C5E5D4, #4D90C6, #00726A, #563F53)
• Patina Workshop color palette (#DDFCFF, #D3DFEC, #B5ABB1, #99B489, #2C4C52)
• Lagoon Hollow color palette (#DFFCFD, #96E9C5, #ECA0C2, #2EA078, #512A3C)
• Sapphire Workshop color palette (#F8EAF0, #7DC0E5, #0064C5, #003E3F, #020013)

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