Tempered Lagoon color palette — #FDF3ED · #C3E1ED · #9CBEE4 · #4E907F · #523449

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

The five colors

• Ivory (#FDF3ED): a clean, paper-quiet neutral.
• Powder Blue (#C3E1ED): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#9CBEE4): A luminous, dusty blue — the color of a favorite pair of jeans.
• Fern (#4E907F): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal (#523449): A deep, shadowed, dusty pink — the color of neon signs at night.

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

Use it as a design system

One click turns Tempered Lagoon 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 Corridor color palette (#FCF3F1, #BCE9ED, #7EC7DD, #628F60, #18493E)
• Ancient Drift color palette (#FFF2EB, #D6D7E7, #6DB5F5, #008B6E, #2A2F61)
• Teal Workshop color palette (#F1F7F2, #D3DEF4, #8AC6ED, #00ADB2, #2F4968)
• Cobalt Courtyard color palette (#FBF2F7, #C5E1F1, #4D8ED1, #00735F, #3C4762)
• Ancient Loft color palette (#FFF2F0, #F999BB, #63BEA1, #3EA788, #3D2320)
• Dusty Orchard color palette (#FFF1F1, #E2DAD0, #A0BBB4, #AB9DC8, #5B413C)
• Antique Iris Terrace color palette (#FFF3E7, #DEE2F5, #7D90F6, #007275, #30104F)
• Forest Summit color palette (#FFF2EE, #9ADAD6, #0088A5, #045610, #000D1E)

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