Tempered Lagoon Loft color palette — #FDF1F8 · #C6E6F7 · #7CB7F0 · #31A184 · #32375A

A conversation between Fern and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FDF1F8): bright and airy, almost weightless.
• Frost (#C6E6F7): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#7CB7F0): A luminous, balanced blue — the color of open sky before noon.
• Fern (#31A184): A luminous, balanced teal — the color of glacier melt.
• Navy (#32375A): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Weathered Sky Workshop color palette (#FFF0FD, #95EAF3, #13B9F8, #009D5E, #102F67)
• Powdered Balcony color palette (#E9F1E9, #B2D8FA, #8E9EEC, #009094, #372053)
• Hushed Market color palette (#FAF3F7, #D6D5E5, #A4CCEC, #75AEB0, #44536D)
• Antique Cypress color palette (#FAF4EC, #B7E0C8, #5D9EC3, #007C7C, #193C5F)
• Blush Parlor color palette (#F0DBFE, #EA8CB4, #4EBB97, #009EA3, #421D2E)
• Tempered Grove color palette (#EBDCE4, #63ABC7, #3876BC, #005F50, #08002A)
• Dusty Ash color palette (#F7F3FF, #F7D2DA, #E8CF9A, #A299D0, #49374D)
• Aged Pine color palette (#E7DDE8, #77BFBD, #0091B3, #007320, #00142B)

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