Tempered Coast color palette — #FFF1F5 · #D8D3DF · #8FAAFE · #008886 · #3C2562

Built around Cornflower, softened by Royal Purple — the whole palette hums with creativity and balance.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Silver (#D8D3DF): bright and airy, almost weightless.
• Cornflower (#8FAAFE): A luminous, balanced violet — the color of a velvet chair.
• Teal (#008886): A full-bodied, balanced teal — the color of glacier melt.
• Royal Purple (#3C2562): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Creativity, Balance. 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

• Wandering Coast color palette (#FAF2F9, #D4D4E3, #65B0D9, #2B8157, #1D2D4E)
• Misty Ridge color palette (#FCF4E8, #CDE8FF, #89B8FF, #00A1C1, #303973)
• Linen Market color palette (#FBF4ED, #9FD5FF, #5A74E3, #006666, #453660)
• Wandering Drift color palette (#F9F3F8, #D3D5E4, #ADC6F1, #719E7F, #3F4F63)
• Patina Ultramarine Thicket color palette (#FDE7F0, #81BFE7, #4161B8, #003E3C, #04000F)
• Emerald Garden color palette (#E2FAFF, #D6DDE9, #B5A8A2, #5BA75D, #004550)
• Washed Study color palette (#E6F9FF, #32F2F5, #EF6E9F, #009092, #59002E)
• Faded Cobalt color palette (#FFF0FA, #94D8EA, #0080C9, #00533E, #050430)

Browse the whole catalog at Explore, or see today's palette.