Tempered Coast color palette — #FBF2F7 · #BAE3FC · #5F8FBB · #15706B · #394862

Built around Slate Blue, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Powder Blue (#BAE3FC): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#5F8FBB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#15706B): A full-bodied, dusty teal — the color of sea glass.
• Charcoal (#394862): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, 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

• Cypress Terrace color palette (#F8EFF4, #C1E2F6, #6C90BD, #006E5E, #212A48)
• Wandering Summit color palette (#FCF3ED, #C4E6E4, #7AA9DC, #478878, #5D3B52)
• Cerulean Basin color palette (#F4E6F0, #0091A2, #00425B, #00231B, #00091A)
• Teal Archive color palette (#F6E4F0, #28B4B2, #006274, #004125, #002235)
• Weathered Courtyard color palette (#F8F2FF, #EADBD0, #E2C39A, #7D7AA0, #534656)
• Worn Peony Drift color palette (#FAF2FF, #D15690, #288F6F, #21786E, #3F3248)
• Chalky Sapphire Delta color palette (#FBE9F1, #72BCE0, #0E68BC, #00504F, #232A52)
• Timeworn Blush Garden color palette (#FAF1FF, #DD7CA4, #3D9F70, #8F4D68, #114C4C)

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