Tempered Coast color palette — #DCEBFF · #A7BBFF · #918BE4 · #6C5C99 · #414062

Lavender Blue and Sky set the tone — five colors that lean into creativity and balance.

The five colors

• Frost (#DCEBFF): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#A7BBFF): A luminous, balanced violet — the color of wild irises.
• Lavender Blue (#918BE4): A luminous, balanced violet — the color of a velvet chair.
• Slate (#6C5C99): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#414062): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Balance. Tagged cool.

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

• Tempered Indigo Courtyard color palette (#FFF0FB, #C9CFFF, #9E9BF1, #6C5AB0, #45385E)
• Faded Mallow Ridge color palette (#E8E4FF, #CEA3FF, #B079C4, #8B5E89, #534365)
• Ancient Sky color palette (#BFECFF, #4FC1FF, #5C9BE1, #5368A1, #384561)
• Hazy Lilac color palette (#F3F4FF, #DCB8FF, #A17BBF, #6A5083, #3A2649)
• Lilac Harbor color palette (#F2F5FF, #B8A9FF, #A3AD4E, #8174BD, #42461E)
• Patina Summit color palette (#F2F4FF, #EFD9E0, #E7BBD3, #838EB9, #48485C)
• Soft Byzantium color palette (#DDE1F6, #A883FF, #9F16F5, #7D1998, #561C54)
• Worn Lilac Chapel color palette (#F3F4FF, #B28AFE, #D08446, #4D9686, #33364C)

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