Tempered Coast color palette — #F0F7F1 · #CDE2E4 · #D1C1BB · #72B9C0 · #434A44
Cyan and Silver set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F0F7F1): a clean, paper-quiet neutral.
- Silver (#CDE2E4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Oat (#D1C1BB): A whisper-light, dusty orange — the color of autumn markets.
- Cyan (#72B9C0): A luminous, dusty blue — the color of a favorite pair of jeans.
- Charcoal (#434A44): a grounded near-black with real depth.
Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged scandi, muted, light.
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
- Washed Veranda color palette (#FBF2F7, #E7D5D1, #CBBBB1, #969BCD, #43363E)
- Tempered Basalt color palette (#FAF5E9, #C3E0AE, #85B9A3, #7B988A, #474500)
- Petrol Grove color palette (#ECF3F6, #D4D7DF, #BCBAC8, #008493, #1F2F35)
- Sky Canyon color palette (#D1ECE1, #29B7FB, #836677, #3B4F47, #141A15)
- Dusty Parlor color palette (#DFF7D9, #AFDFFF, #D4AFBB, #998C71, #674C00)
- Softworn Mallow color palette (#E1FDEF, #9DF4FC, #B9D0FA, #CDACEF, #503751)
- Ancient Glacier Loft color palette (#FFF3E8, #4EDFE3, #93A1DD, #A47750, #294437)
- Hushed Atelier color palette (#F4E6ED, #D0BAB3, #BDA18A, #7F74BC, #271B21)
Browse the whole catalog at Explore, or see today's palette.