Tempered Lagoon color palette — #FAF4EF · #C7DCE8 · #C5BEF6 · #5B9FA3 · #5A4653
A conversation between Lavender and Storm Blue, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FAF4EF): a clean, paper-quiet neutral.
- Silver (#C7DCE8): A whisper-light, dusty blue — the color of deep harbor water.
- Lavender (#C5BEF6): A whisper-light, dusty violet — the color of twilight just after sunset.
- Storm Blue (#5B9FA3): A luminous, dusty blue — the color of a favorite pair of jeans.
- Charcoal Brown (#5A4653): A full-bodied, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Creativity, Sophistication, Softness, Clarity. 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 Archive color palette (#FBF3F0, #C2DFE6, #8CD7F8, #66A08B, #3A534D)
- Aged Petrol Dune color palette (#F1F7F2, #D9DDEE, #7F9CBD, #397986, #465369)
- Teal Chapel color palette (#F0F8EC, #AAF7E7, #FFB3C1, #39AF9C, #5D3D36)
- Sky Workshop color palette (#FFF2EC, #D1DFF8, #00C1EC, #008C62, #00385B)
- Hushed Azure Market color palette (#FFF2EC, #B7F1FD, #009ED7, #006C59, #051E3D)
- Ancient Cobalt Meadow color palette (#FFF3E9, #8CD7FE, #1F7ADA, #005152, #070133)
- Mallow Alley color palette (#EEF9EA, #87DFCD, #EDA0BF, #CD9086, #323C2E)
- Basalt Harbor color palette (#FFF2EB, #E2DCC3, #D4A08F, #996E62, #553900)
Browse the whole catalog at Explore, or see today's palette.