Tempered Coast color palette — #F2F5FB · #DBD8DE · #C6BDCC · #8288CD · #434852

Lavender Blue and Stone set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#F2F5FB): bright and airy, almost weightless.
• Silver (#DBD8DE): bright and airy, almost weightless.
• Stone (#C6BDCC): A luminous, dusty violet — the color of a velvet chair.
• Lavender Blue (#8288CD): A luminous, balanced violet — the color of twilight just after sunset.
• Charcoal (#434852): a grounded near-black with real depth.

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

• Ash Harbor color palette (#FBF2F7, #E8D7D7, #BAAEA7, #B790A9, #453C42)
• Softworn Studio color palette (#E1E3F7, #9E7FC2, #4D4A60, #2B2C3F, #161822)
• Worn Driftwood color palette (#FCF1FF, #CFBCCE, #B39AAB, #817A46, #265245)
• Muted Wisteria Field color palette (#F3F4FF, #E3D4EE, #CCB6FF, #C581D2, #453457)
• Worn Chestnut Courtyard color palette (#FFF0FA, #C0A3D9, #A96FA2, #954C2D, #3D3953)
• Washed Violet color palette (#F3F4FE, #DDDCEC, #BFB8DC, #8E4FD9, #2F3047)
• Lagoon Boulevard color palette (#EDF8F6, #9AD0CB, #609F7C, #4D788C, #224A47)
• Plum Garden color palette (#F1ECF5, #DCD4E1, #C4AFC8, #B04187, #33293D)

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