Tempered Cornflower Coast color palette — #F3F4FF · #DED2FF · #D89EEF · #5B75D2 · #392F60

Built around Sapphire, softened by Lavender — the whole palette hums with creativity and balance.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Thistle (#DED2FF): A whisper-light, dusty violet — the color of a velvet chair.
• Lavender (#D89EEF): A luminous, balanced pink — the color of neon signs at night.
• Sapphire (#5B75D2): A full-bodied, balanced violet — the color of wild irises.
• Navy (#392F60): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Creativity, Balance. Tagged pastel, light.

Use it as a design system

One click turns Tempered Cornflower 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

• Cobalt Studio color palette (#FEECFF, #CFDFFF, #AEAFFF, #1D8CCC, #20395F)
• Aged Quarry color palette (#FFF0FA, #DCCAFF, #D682C9, #1C60AC, #372F5C)
• Patina Violet color palette (#FCF1FF, #FFC4F4, #FF9ACD, #9461C4, #472649)
• Chalky Coast color palette (#EFF1FF, #F2CDE9, #FFB0BE, #359EFD, #3C306C)
• Tempered Wisteria color palette (#E6D8F8, #C38BD3, #AC669D, #503C82, #15021E)
• Aged Cerulean Orchard color palette (#FFF0FC, #E5D8E0, #BBB8A2, #008FB8, #341F4B)
• Muted Station color palette (#FFF1F2, #F9D2CE, #EEADB3, #A87DA8, #593C3A)
• Coral Hollow color palette (#FFCFE3, #FFA0B4, #F57B79, #8F567D, #3E1423)

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