Tempered Lagoon color palette — #F5F6EF · #CCE2DE · #82BCCB · #399796 · #365144
Built around Cerulean, softened by Ash — the whole palette hums with trust and stability.
The five colors
- Ivory (#F5F6EF): a clean, paper-quiet neutral.
- Silver (#CCE2DE): A whisper-light, dusty teal — the color of sea glass.
- Ash (#82BCCB): A luminous, dusty blue — the color of open sky before noon.
- Cerulean (#399796): A luminous, balanced teal — the color of sea glass.
- Charcoal Brown (#365144): A full-bodied, dusty teal — the color of sea glass.
Feels like: Trust, Stability, 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
- Wandering Study color palette (#F4F6F0, #CCE2E4, #93B5D8, #4990AE, #614961)
- Petrol Courtyard color palette (#E5E6D9, #99BB9F, #008395, #005956, #00242D)
- Wandering Cypress Ridge color palette (#F5F6EF, #C5DCC3, #3EA7AC, #007E6C, #00434B)
- Worn Denim color palette (#E2E4D7, #639CAE, #00617F, #003B40, #000B14)
- Azure Lagoon color palette (#F4F7EB, #AEE4FF, #3EA5E2, #007F97, #004270)
- Wandering Cobalt Veranda color palette (#EDF0E7, #A0CAEB, #428AD0, #006787, #0A2C5D)
- Ancient Fern Courtyard color palette (#FBF5E5, #D2CBB0, #A89A78, #827448, #534800)
- Weathered Chestnut Balcony color palette (#FFF2EA, #DEDACC, #A4B5CF, #CE9184, #7A4711)
Browse the whole catalog at Explore, or see today's palette.