Tempered Coast color palette — #F7DAF6 · #88B6FF · #FF9143 · #2677F2 · #4A2000

A conversation between Sapphire and Apricot, giving this palette its sense of trust and stability.

The five colors

• Thistle (#F7DAF6): A whisper-light, dusty pink — the color of peonies in June.
• Sky (#88B6FF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Apricot (#FF9143): A luminous, vivid gold — the color of afternoon light on wheat.
• Sapphire (#2677F2): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Espresso (#4A2000): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Energy, Balance. Tagged vibrant.

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

• Indigo Alley color palette (#DBE4FF, #9AB1FF, #DEA820, #556DF3, #3C2B00)
• Soft Tangerine color palette (#C0F2DE, #86D4FF, #FB822E, #007EAF, #4C1F00)
• Byzantium Hollow color palette (#F7D2E1, #CEB2FF, #B3A41A, #8544D2, #2E2A00)
• Dusty Iris Courtyard color palette (#FFF0FA, #B8BFFF, #BFCD2E, #797CF3, #3A3F00)
• Ancient Veranda color palette (#FFF0FC, #C4D4FF, #EEBC8A, #91A6E2, #524C46)
• Ember Basin color palette (#D2EDD4, #39E3E7, #E96445, #009B9F, #570F00)
• Feathered Atelier color palette (#FFD8EA, #B9A4FF, #85C920, #8A54F3, #1F3500)
• Aged Mint color palette (#EEDBCD, #00DCBC, #5A9AE6, #154377, #1A0F1B)

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