Tempered Lagoon color palette — #FBF3EF · #C1ECD4 · #7DB7F1 · #35A087 · #33365D

Built around Fern, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#FBF3EF): a clean, paper-quiet neutral.
• Mint (#C1ECD4): A whisper-light, dusty teal — the color of sea glass.
• Sky (#7DB7F1): A luminous, balanced blue — the color of open sky before noon.
• Fern (#35A087): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#33365D): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, 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

• Hazy Sky color palette (#FFF2ED, #9DE8F3, #25B7FB, #009D66, #0C2A77)
• Aged Cypress color palette (#FAF4EC, #BFE3F1, #6DAED8, #007E82, #0C2F54)
• Dusty Teal Garden color palette (#FBF3EF, #C7DDE5, #99CCD4, #70B19D, #604B5A)
• Patina Iris Ridge color palette (#F0E3D8, #88CAEC, #5D90E9, #007E74, #21104B)
• Feathered Cobalt Pier color palette (#EADBD1, #6AAAC7, #3B74C1, #005E53, #090028)
• Hushed Boulevard color palette (#FFDBD6, #EB8DAF, #49BC9A, #009EA6, #441E1B)
• Wandering Balcony color palette (#EFDED9, #74BFBF, #0091B5, #00732A, #00142D)
• Cobalt Cabin color palette (#F7EFF3, #A6CEE5, #2B7FCC, #005D4C, #1A1B3F)

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