Tempered Lagoon color palette — #F0F7F1 · #CFDFFD · #6DAED2 · #238B8A · #2E4A66

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

The five colors

• Ivory (#F0F7F1): a clean, paper-quiet neutral.
• Powder Blue (#CFDFFD): A whisper-light, dusty violet — the color of wild irises.
• Cyan (#6DAED2): A luminous, balanced blue — the color of deep harbor water.
• Fern (#238B8A): A full-bodied, balanced teal — the color of sea glass.
• Navy (#2E4A66): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Patina Powder Veranda color palette (#F8F5EF, #BDE4F2, #6AC7F8, #239392, #22473F)
• Antique Villa color palette (#ECF7FF, #D8D8E5, #CCBEE6, #6BA4AC, #425467)
• Washed Harbor color palette (#FAF3F7, #C2E2F4, #618EBB, #00735D, #404468)
• Weathered Lantern color palette (#B6F7F1, #61C8D4, #20A0BF, #007097, #2B4E69)
• Denim Drift color palette (#D9E7DB, #54A0A7, #006377, #003C33, #000B13)
• Misty Cobalt Meadow color palette (#DCE6DE, #88B6E1, #4972BF, #00566B, #16144F)
• Turquoise Study color palette (#ECF7FF, #45B2E0, #CD7AA2, #8A8B44, #1B3C50)
• Aged Azure Villa color palette (#EDF7FF, #95CFF9, #4F9AC7, #1A638C, #003147)

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