Tempered Coast color palette — #F7E9F2 · #717EBC · #4B333E · #271924 · #0F0B0F

Built around Slate Blue, softened by Charcoal — the whole palette hums with creativity and sophistication.

The five colors

• Blush (#F7E9F2): bright and airy, almost weightless.
• Slate Blue (#717EBC): A luminous, balanced violet — the color of twilight just after sunset.
• Charcoal (#4B333E): A deep, shadowed, dusty rose — the color of pressed rose petals.
• Onyx (#271924): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#0F0B0F): a grounded near-black with real depth.

Feels like: Creativity, Sophistication. Tagged noir, dark, luxury, 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

• Ancient Archive color palette (#EBF2FF, #8997D6, #525672, #313845, #1E2226)
• Aged Workshop color palette (#FAE4E5, #A4558C, #422A26, #250D0F, #0C0406)
• Twilit Amethyst color palette (#FFE3EF, #774AC8, #391C3F, #210314, #070205)
• Aged Lagoon Market color palette (#FFECF1, #AE8FBA, #AA8754, #14898A, #381E26)
• Aubergine Drift color palette (#FBDBF1, #ADA8DB, #8F74B0, #6E4283, #4A232B)
• Timeworn Veranda color palette (#FCEDF2, #BFA9D2, #85A872, #845FA2, #31322B)
• Worn Study color palette (#F7F1E7, #CCC3A5, #8C853C, #496A5B, #33312A)
• Antique Bronze Coast color palette (#FAEDFA, #DFC3D1, #AD9597, #8B6422, #3D3C35)

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