Tempered Lagoon color palette — #F2F7F1 · #C9E3FE · #97AEF6 · #009DB3 · #3B325E
A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F2F7F1): a clean, paper-quiet neutral.
- Powder Blue (#C9E3FE): A whisper-light, dusty blue — the color of deep harbor water.
- Sky (#97AEF6): A luminous, balanced violet — the color of twilight just after sunset.
- Cerulean (#009DB3): A luminous, balanced blue — the color of a favorite pair of jeans.
- Navy (#3B325E): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, 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
- Lagoon Coast color palette (#FBF2F9, #C3E7F5, #5BBFEB, #00A382, #183C61)
- Periwinkle Alley color palette (#EBF8F8, #DBDCE7, #6CA6FF, #2177A3, #1E2E4A)
- Weathered Turquoise Study color palette (#FAF3F5, #DBDEEB, #B3C6F2, #59B1BE, #4B516A)
- Amber Meadow color palette (#E2F5E2, #E6B572, #6FB5FD, #C28200, #003663)
- Misty Coast color palette (#F3E7EF, #88CED2, #00A1C8, #00815C, #002139)
- Feathered Iris color palette (#CFEED9, #C4AD5A, #39B3E1, #8485FA, #352A00)
- Cobalt Thicket color palette (#F8F0E7, #9FD4C6, #5E77C3, #005A66, #211A3B)
- Timeworn Apricot Meadow color palette (#E9FBE8, #ACE7D6, #71CCE6, #DF937C, #234732)
Browse the whole catalog at Explore, or see today's palette.