Tempered Coast color palette — #F0F5FF · #BAC9FF · #FF9C87 · #7FAF8D · #2F384B

A conversation between Melon and Lilac Frost, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Lilac Frost (#BAC9FF): A whisper-light, dusty violet — the color of a velvet chair.
• Melon (#FF9C87): A luminous, balanced orange — the color of autumn markets.
• Sage (#7FAF8D): A luminous, dusty teal — the color of shallow lagoons.
• Navy (#2F384B): A deep, shadowed, dusty violet — the color of wild irises.

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

• Powder Terrace color palette (#F0F5FF, #B2C5FF, #CCBE84, #97AC7C, #394355)
• Wandering Mallow Lantern color palette (#EBF7FF, #8AD8F7, #F19BCC, #ABA55A, #273B48)
• Aged Stone color palette (#F4F4FF, #D8B3EA, #B6B26C, #569074, #312F40)
• Patina Stone color palette (#FDF1F7, #EDD4D0, #D0A488, #8D7084, #354338)
• Wandering Powder color palette (#F0F5FF, #DDD8E2, #95B8DC, #BCADA0, #4E515F)
• Tangerine Pier color palette (#F6F3FF, #B59AFF, #EC7B00, #009C82, #25193F)
• Muted Pier color palette (#DBFFED, #F1EAFF, #D4D5C9, #3E4054, #1D1E27)
• Timeworn Powder color palette (#F1F5FF, #DED8E1, #AAAAF2, #616A9F, #1F2741)

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