Tempered Coast color palette — #EFF6FF · #BCD6FF · #DAC589 · #85AAE4 · #345640

Cornflower and Sand set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Powder Blue (#BCD6FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sand (#DAC589): A whisper-light, balanced green — the color of fresh herbs.
• Cornflower (#85AAE4): A luminous, balanced blue — the color of deep harbor water.
• Deep Olive (#345640): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Optimism, 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

• Muted Basin color palette (#F4F4FF, #E5C6FF, #B0D3A4, #BA97D8, #265750)
• Hushed Periwinkle Canyon color palette (#EEF6FF, #B6D8FF, #F2B6A9, #83ACDA, #604159)
• Washed Iris color palette (#FCF1FA, #ACC4F6, #CEAB72, #708BC5, #514C46)
• Patina Coast color palette (#FFF0F8, #CBE0CC, #CDAABC, #A089A1, #384D43)
• Pale Iris Thicket color palette (#F1F5FF, #BBBEFF, #C3CC3F, #7E7AF3, #3B3E00)
• Straw Drift color palette (#E1EEFF, #FED96C, #96E0FF, #586B76, #2B3135)
• Wisteria Garden color palette (#EEECFF, #DFA7EB, #ACBA54, #B970C9, #333A00)
• Timeworn Bone Market color palette (#F2F5FF, #C3EAC8, #929DC3, #636B8A, #272B38)

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