Tempered Lagoon color palette — #FAF3F8 · #D4D6EA · #8FB8CF · #5C9193 · #3E556A
Storm Blue and Ash set the tone — five colors that lean into calm and sophistication.
The five colors
- Ivory (#FAF3F8): a clean, paper-quiet neutral.
- Silver (#D4D6EA): A whisper-light, dusty violet — the color of twilight just after sunset.
- Ash (#8FB8CF): A luminous, dusty blue — the color of a favorite pair of jeans.
- Storm Blue (#5C9193): A luminous, dusty teal — the color of shallow lagoons.
- Peacock (#3E556A): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: 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 Ash color palette (#E7F9FF, #D9DBE6, #D0B6CC, #6EA7AC, #41505B)
- Wandering Cypress Harbor color palette (#F5F6EF, #CCE1DC, #68A4AE, #257E76, #335241)
- Tempered Denim Basin color palette (#E8DEE5, #579FAC, #006084, #003D31, #00091B)
- Washed Lagoon color palette (#E7F9FF, #83D4D9, #DAA192, #3E9CA1, #624059)
- Tempered Petrol Terrace color palette (#EADFE6, #75C0C0, #00829B, #005C3A, #002236)
- Airy Bloom color palette (#FAE9F1, #9CCCE8, #4C87D5, #006B6E, #252854)
- Softworn Coral color palette (#E8F8FF, #72BFCA, #D78E8C, #A98658, #2F464F)
- Quiet Azure Drift color palette (#FEF1F8, #A7E6FC, #3BA3EC, #008379, #253C75)
Browse the whole catalog at Explore, or see today's palette.