Tempered Coast color palette — #FAF2F9 · #E7D7D7 · #BCB0A6 · #6E91D4 · #3D303C

Lavender Blue and Espresso set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#FAF2F9): a clean, paper-quiet neutral.
• Silver (#E7D7D7): a clean, paper-quiet neutral.
• Ash (#BCB0A6): a calm mid-gray that lets other colors speak.
• Lavender Blue (#6E91D4): A luminous, balanced violet — the color of a velvet chair.
• Espresso (#3D303C): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: 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

• Ancient Cerulean color palette (#F0F7F2, #CBE4E7, #D1C2B3, #00A3BD, #293A2F)
• Wandering Cobalt Villa color palette (#FBF2F8, #E6D7D6, #DCBBAF, #616FBC, #261A23)
• Wandering Petrol color palette (#F0F6FF, #DCD6E6, #B9BAD0, #4A66B1, #344054)
• Ancient Orchid Loft color palette (#FFF1F3, #E3D8D1, #ACB398, #B054AF, #341D21)
• Timeworn Courtyard color palette (#F0E5E5, #CAB6AE, #A68C79, #6D0644, #040000)
• Patina Boulevard color palette (#FFF0F8, #D7D3DF, #C5B5B5, #F76EBA, #2B1245)
• Antique Workshop color palette (#FFF4DF, #D0E298, #25AE42, #6D6295, #302F28)
• Hushed Blush color palette (#ECF7FF, #DED7FF, #D183AF, #4E7F4C, #125047)

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