Tempered Lagoon color palette — #F1F7F2 · #D9DFEB · #81C4EF · #009498 · #29415B
A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Silver (#D9DFEB): a clean, paper-quiet neutral.
- Sky (#81C4EF): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#009498): A luminous, balanced teal — the color of shallow lagoons.
- Navy (#29415B): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Hushed Periwinkle Parlor color palette (#EFF8F0, #DAD5E0, #7BA9E4, #007C91, #1F2B56)
- Aged Cerulean Ridge color palette (#ECF9EF, #A4D5E1, #008A97, #00543C, #000F15)
- Softworn Cypress Thicket color palette (#FAF4EC, #AFE6FB, #5F91B1, #0A7073, #543F56)
- Hushed Boulevard color palette (#F2F5FF, #BEAEF6, #E29561, #00AA8C, #252941)
- Aged Petrol color palette (#E6F2E8, #86BFDF, #006AB4, #003D44, #000114)
- Wandering Denim color palette (#D7E1D9, #67AFB9, #005E75, #002C26, #000103)
- Periwinkle Grove color palette (#F2F4FF, #DFD7E0, #AEAFA3, #96A9E6, #3E3F5A)
- Pale Indigo color palette (#EEF6FF, #D1DFFF, #999FFA, #6F5AB1, #4B385D)
Browse the whole catalog at Explore, or see today's palette.