Lagoon Lantern color palette — #F3F6F0 · #D2DEDA · #AEC6C3 · #19876C · #434B3D

A conversation between Fern and Stone, giving this palette its sense of sophistication.

The five colors

• Ivory (#F3F6F0): bright and airy, almost weightless.
• Silver (#D2DEDA): a clean, paper-quiet neutral.
• Stone (#AEC6C3): A luminous, dusty teal — the color of sea glass.
• Fern (#19876C): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#434B3D): A full-bodied, dusty green — the color of new leaves after rain.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Ancient Field color palette (#F1F7F2, #D3DCDB, #A6ACBA, #3E9098, #4C554E)
• Cypress Lantern color palette (#F0F3ED, #D0DAD7, #ACC2C3, #508169, #2A2D26)
• Tempered Abyss Field color palette (#EBF0E9, #A2ACA3, #668876, #00413A, #0C1707)
• Softworn Olive Boulevard color palette (#FAF4EB, #BBAF8D, #6C7B43, #3C6448, #524000)
• Timeworn Chestnut color palette (#E7FBE1, #9CB4A5, #659589, #80515A, #644A00)
• Timeworn Petrol color palette (#EEF8F5, #E2D7D9, #C3ABB8, #1867A6, #2F3E3A)
• Mulberry Parlor color palette (#FFF4E2, #5AA897, #05768D, #7A2D59, #2E442D)
• Faded Azure Alley color palette (#EDF9EB, #9BEBC2, #3ED0CE, #0098DA, #28432D)

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