Tempered Coast color palette — #FFE1F6 · #C9583E · #008383 · #12637E · #501F15

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

The five colors

• Blush (#FFE1F6): A whisper-light, dusty pink — the color of neon signs at night.
• Terracotta (#C9583E): A full-bodied, balanced orange — the color of toasted spice.
• Teal (#008383): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#12637E): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#501F15): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Warmth, Comfort, Balance. Tagged warm.

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

• Softworn Rust color palette (#FFE4DE, #D34C34, #007CAC, #3F5794, #57170C)
• Rust Study color palette (#F5D7EC, #B9361C, #006980, #244A6E, #391008)
• Ancient Bronze Parlor color palette (#D6ECD3, #A56C18, #007C82, #1B5C7A, #1A3218)
• Powdered Olive color palette (#FFE4E2, #CC5255, #208A0F, #00743C, #511D1E)
• Hushed Orchid color palette (#FCE0FF, #AA5CB3, #00866B, #00676E, #422246)
• Softworn Scarlet Cabin color palette (#FFDCCE, #EB2B35, #008E24, #3259BD, #310607)
• Weathered Harbor color palette (#FFE4E1, #FF5B58, #00AD2F, #4F77D9, #4E201D)
• Feathered Petrol color palette (#E1E3CF, #727700, #0068AA, #40438A, #252700)

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