Lagoon Cabin color palette — #FAF4F0 · #CCE8E6 · #8FB5DD · #3A9982 · #63495B

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

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Silver (#CCE8E6): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#8FB5DD): A luminous, dusty blue — the color of deep harbor water.
• Fern (#3A9982): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#63495B): A full-bodied, dusty pink — the color of a candy shop window.

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

Use it as a design system

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

• Lagoon Delta color palette (#FAF2F7, #D6D4E0, #BBBFE8, #689F8E, #464D5F)
• Ash Station color palette (#F1F7F2, #D5DFF0, #69A1C1, #3E7A7A, #445465)
• Antique Villa color palette (#FFF1F1, #D4A0B7, #58B99D, #209CA6, #543B3A)
• Wandering Iris Grove color palette (#FBF4ED, #B6E7D7, #7994F6, #008282, #463466)
• Weathered Oat Orchard color palette (#FFF1F2, #E2DBD1, #AAD2AF, #9A98C3, #5E4744)
• Frosted Ultramarine color palette (#F5E5D8, #76A8CB, #425FB8, #004A48, #1B003B)
• Washed Peony color palette (#FFF1F1, #E3B4CC, #7CC39E, #C26B9B, #4B4E47)
• Iris Market color palette (#FEF3E8, #9ED0FF, #6E7BFF, #007276, #401D62)

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