Tempered Lagoon color palette — #FBF4EA · #C3EDFF · #419AD5 · #00696E · #011D42
Cerulean and Peacock set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FBF4EA): a clean, paper-quiet neutral.
- Frost (#C3EDFF): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#419AD5): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#00696E): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#011D42): 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
- Washed Periwinkle Grove color palette (#F9F4EE, #C1E3F5, #6DAAEE, #007C8E, #1D2C54)
- Timeworn Lagoon color palette (#E8F1E9, #67BEE0, #006FA6, #004F53, #132E51)
- Weathered Studio color palette (#FBF4E9, #A5D1FB, #5077C6, #004E63, #090034)
- Petrol Coast color palette (#F7EDDC, #85C2CD, #007291, #003E39, #000307)
- Tempered Ultramarine Archive color palette (#F4ECE0, #7BAE9F, #004EAF, #002A34, #00000B)
- Washed Lagoon Ridge color palette (#F8F5EE, #C1DFE4, #6CCBE0, #02987D, #164558)
- Ancient Orchard color palette (#C8EFBE, #64C37D, #009268, #005D4C, #002120)
- Seafoam Lantern color palette (#D5FFFA, #50DDCF, #009385, #00403C, #000403)
Browse the whole catalog at Explore, or see today's palette.