Tempered Coast color palette — #FAF3F7 · #D8DFEF · #82B7E6 · #4A958E · #485366

A conversation between Sky and Fern, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Silver (#D8DFEF): A whisper-light, dusty violet — the color of wild irises.
• Sky (#82B7E6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#4A958E): A luminous, dusty teal — the color of glacier melt.
• Charcoal Brown (#485366): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, 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

• Ash Chapel color palette (#F4F6EE, #C2E9E8, #71A0BA, #547960, #355148)
• Ash Studio color palette (#FBF3EF, #C3E1ED, #D7BCDA, #79AFA1, #624A59)
• Cobalt Grove color palette (#EBDCE5, #7BBDD0, #007CB7, #005A50, #081D44)
• Iris Parlor color palette (#FCF2F5, #BDDFFF, #7195FE, #008090, #3F3962)
• Airy Boulevard color palette (#F1DDE4, #5EAADC, #0057E2, #00494E, #120241)
• Ancient Cerulean Basin color palette (#F4ECF1, #95D1D2, #0095B4, #007049, #00314D)
• Taupe Terrace color palette (#FFF0F7, #B7D3B8, #BE9072, #866A80, #3B4D42)
• Timeworn Driftwood color palette (#F9F2FF, #EBB1C9, #78C49B, #BA7293, #285656)

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