Tempered Lagoon Studio color palette — #FCF2F8 · #C1E6FB · #6FB9F3 · #00A195 · #29395F

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

The five colors

• Ivory (#FCF2F8): bright and airy, almost weightless.
• Powder Blue (#C1E6FB): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#6FB9F3): A luminous, balanced blue — the color of deep harbor water.
• Fern (#00A195): A luminous, balanced teal — the color of sea glass.
• Navy (#29395F): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Worn Grove color palette (#EFF7F6, #D7DDE9, #5BB2D9, #007D8A, #03324B)
• Hazy Emerald Veranda color palette (#F9E9F3, #9DE2DD, #00B8D1, #2B9458, #003248)
• Powder Veranda color palette (#FAF3F7, #D7D5E4, #B5C0E9, #77ACB5, #465466)
• Azure Chapel color palette (#F2E3EA, #86CAEE, #4F94E6, #007D7E, #15154D)
• Washed Cobalt color palette (#ECE0E6, #61ABCA, #2E78B9, #005D5A, #03002E)
• Blush Bloom color palette (#F1DBFF, #F583B6, #43BD95, #009EB2, #352241)
• Tempered Forest Hollow color palette (#F5E7F1, #75BFBE, #0092AD, #007146, #001625)
• Airy Peony color palette (#F3EAFE, #F59ED4, #42CAAB, #C96CA8, #004033)

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