Tempered Lagoon color palette — #FFF2EC · #D4DEF8 · #00A8DB · #00755B · #002547
Cyan and Teal set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Powder Blue (#D4DEF8): A whisper-light, dusty violet — the color of wild irises.
- Cyan (#00A8DB): A luminous, balanced blue — the color of deep harbor water.
- Teal (#00755B): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#002547): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. 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
- Periwinkle Harbor color palette (#FFF3E8, #DCE3F6, #5A97FF, #007178, #201B4E)
- Dusty Forest Veranda color palette (#FDF3ED, #CFF0CC, #00A4BA, #006E3B, #002232)
- Timeworn Turquoise Basin color palette (#FEF3ED, #BCECF5, #45B5DA, #268061, #08372D)
- Weathered Aqua Balcony color palette (#E9FAEC, #59CAD9, #007A97, #00574D, #003752)
- Denim Study color palette (#F2E5DB, #60ADCE, #005696, #002B2A, #00000B)
- Aged Lagoon color palette (#DCFFE9, #E1DDE8, #E5B6C6, #00A087, #002C3A)
- Wandering Cobalt Loft color palette (#FFF2EC, #8DDAEA, #0084B7, #005345, #000C23)
- Worn Loft color palette (#FAF4EF, #C0E3F1, #84C1F7, #0A958D, #4E364A)
Browse the whole catalog at Explore, or see today's palette.