Tempered Lagoon color palette — #E8F1EA · #5C92AE · #004C7F · #002B30 · #000218

Peacock takes the lead with Storm Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#E8F1EA): a clean, paper-quiet neutral.
• Storm Blue (#5C92AE): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#004C7F): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#002B30): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000218): A deep, shadowed, dusty violet — the color of wild irises.

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

• Softworn Lagoon Cabin color palette (#DAE7DC, #519893, #00545B, #002D1E, #000508)
• Chalky Navy color palette (#FAE7D9, #269BCB, #00429F, #00302B, #15053A)
• Ancient Cobalt Basin color palette (#EDF4EE, #AFCBE2, #447EC0, #005967, #122039)
• Aged Coast color palette (#F5EBDB, #4FADDA, #006AAE, #004951, #000E3A)
• Softworn Market color palette (#F7EAF0, #70C2E9, #005ED6, #003F38, #030011)
• Dusty Harbor color palette (#EEF4EF, #CAE2F9, #63A9B4, #447765, #223947)
• Tempered Chestnut color palette (#F7D5E4, #8A4600, #00516C, #431F00, #000306)
• Lowlit Meadow color palette (#FCE8D4, #9D5F00, #513100, #1A0C00, #020100)

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