Lagoon Loft color palette — #F7ECE6 · #249290 · #004451 · #002412 · #000B14

Fern and Deep Teal set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F7ECE6): a clean, paper-quiet neutral.
• Fern (#249290): A luminous, balanced teal — the color of shallow lagoons.
• Deep Teal (#004451): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#002412): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000B14): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Hushed Studio color palette (#F1F2DE, #37A5A4, #00646C, #003C35, #000C0F)
• Tempered Pier color palette (#F9ECE1, #5288A6, #003A7B, #002223, #06002B)
• Ultramarine Coast color palette (#F3E7DC, #74A5C4, #0050B5, #003D40, #19154B)
• Weathered Petrol color palette (#F7ECE6, #94BCA3, #0070A1, #005146, #182D50)
• Cellar Fern color palette (#F9EEDB, #605C00, #392900, #1E0B00, #040300)
• Obsidian Garnet Orchard color palette (#F8DBD1, #9B001D, #004944, #440007, #000807)
• Garnet Delta color palette (#F6E6E2, #D4844B, #7B6D00, #660047, #250400)
• Wandering Cerulean Lantern color palette (#FDF3EE, #96DCE4, #008CB3, #00694F, #1C4265)

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