Tempered Coast color palette — #F2F5FC · #DFD6E3 · #BFB5D2 · #4B50B9 · #060C1B

Cobalt takes the lead with Ash close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#F2F5FC): a clean, paper-quiet neutral.
• Silver (#DFD6E3): A whisper-light, dusty pink — the color of a candy shop window.
• Ash (#BFB5D2): A luminous, dusty violet — the color of wild irises.
• Cobalt (#4B50B9): A full-bodied, vivid violet — the color of twilight just after sunset.
• Ink (#060C1B): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Tempered Loft color palette (#F4F4FE, #E0D5DE, #C8B2CC, #812DB3, #0B0A1B)
• Patina Hollow color palette (#EEF7FD, #D8D8E9, #B3BAD1, #00698B, #020E17)
• Softworn Navy color palette (#E2E7F4, #AEB2C7, #898AAB, #3F3A76, #070A17)
• Indigo Harbor color palette (#EFE7EB, #D0BAB9, #C79E98, #7871D1, #281A23)
• Worn Hollow color palette (#D0ECFF, #929DBF, #875E7D, #264C1E, #001B1A)
• Deep Alley color palette (#E6E7FF, #7C33B3, #271613, #27001B, #020006)
• Muted Orchid color palette (#F4F4FF, #E3D7E0, #C0AA9C, #A844E2, #23213B)
• Tempered Aubergine Drift color palette (#E6E4EC, #C0B7C3, #A08A9B, #67005F, #020006)

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