Tempered Lagoon color palette — #E6F2E8 · #9FE1E1 · #1BB8CF · #009475 · #003344
A conversation between Cyan and Fern, giving this palette its sense of trust and stability.
The five colors
- Cream (#E6F2E8): a clean, paper-quiet neutral.
- Ice Blue (#9FE1E1): A whisper-light, dusty teal — the color of shallow lagoons.
- Cyan (#1BB8CF): A luminous, balanced blue — the color of deep harbor water.
- Fern (#009475): A full-bodied, balanced teal — the color of sea glass.
- Deep Teal (#003344): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Faded Periwinkle Summit color palette (#E8F1EA, #B6D8EF, #54ADED, #008F99, #072C5E)
- Hushed Teal Harbor color palette (#CFF3E3, #05C1AD, #00A1A0, #007A83, #00333F)
- Dusty Lantern color palette (#DEF5FF, #C6D8FA, #C5B4F2, #00B69F, #003B47)
- Feathered Delta color palette (#CFE8F3, #00B3C4, #C76EC8, #A78000, #002529)
- Misty Station color palette (#F4EBF4, #9FCDDA, #0094BB, #00712D, #002D5B)
- Dusty Petrol color palette (#F0E8DC, #7DC1C1, #007989, #004D3B, #001923)
- Turquoise Garden color palette (#AEECFA, #4ED2E7, #00AABF, #007284, #00161C)
- Frosted Coral Lantern color palette (#C3E5F0, #35C5CC, #F1766B, #00949A, #530105)
Browse the whole catalog at Explore, or see today's palette.