Tempered Coast color palette — #F7F0ED · #C5E8E4 · #72A3C1 · #3E776B · #3F303F
Blue Fog takes the lead with Teal close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F7F0ED): a clean, paper-quiet neutral.
- Silver (#C5E8E4): A whisper-light, dusty teal — the color of glacier melt.
- Blue Fog (#72A3C1): A luminous, dusty blue — the color of deep harbor water.
- Teal (#3E776B): A full-bodied, dusty teal — the color of glacier melt.
- Charcoal (#3F303F): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered Coast 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
- Muted Station color palette (#F5F6EE, #C2EAE5, #6EA2B5, #59785D, #40594E)
- Denim Archive color palette (#FEECE4, #52ABB9, #006082, #003B2E, #000B1D)
- Aged Emerald color palette (#FFEDEE, #C484B3, #57A06A, #33887D, #362122)
- Tempered Pier color palette (#F6EAE1, #4A8195, #003E67, #001F1D, #00000C)
- Weathered Cerulean Quarry color palette (#FAEFEA, #AFD2B1, #008AA6, #005F3D, #002339)
- Washed Cornflower color palette (#FBEFE6, #A3D8F7, #2F80EB, #006165, #1E2046)
- Lichen Boulevard color palette (#D3FFDF, #FDEDEF, #E2D6CB, #9E7688, #423232)
- Sapphire Ridge color palette (#F1E7DD, #91B8DC, #4562C5, #004A54, #170C35)
Browse the whole catalog at Explore, or see today's palette.