Tempered Coast color palette — #F6DADD · #FF445D · #D73100 · #8B3E00 · #351900

Built around Scarlet, softened by Crimson — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#F6DADD): A whisper-light, dusty red — the color of a theater curtain.
• Scarlet (#FF445D): A luminous, vivid red — the color of late-summer berries.
• Crimson (#D73100): A full-bodied, vivid orange — the color of autumn markets.
• Burnt Sienna (#8B3E00): A full-bodied, balanced orange — the color of toasted spice.
• Onyx (#351900): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged vibrant, 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

• Misty Peony color palette (#FFE7F1, #FF348A, #E10048, #A13220, #3A1100)
• Pale Field color palette (#FEE7E3, #F8621A, #C35D00, #7F4A00, #281A00)
• Softworn Terrace color palette (#FFDEEC, #EF1F6D, #B53100, #623400, #291B00)
• Wandering Rust color palette (#ECDAD8, #C0403A, #852000, #471500, #130400)
• Quiet Lantern color palette (#FFEBDF, #FC6622, #009FB9, #BD4300, #001F26)
• Quiet Mustard color palette (#F6E7DD, #F9C17F, #C7BD43, #B36961, #3A2001)
• Ember Pier color palette (#FFDECD, #DD6300, #009A75, #7263C3, #220900)
• Aged Apricot color palette (#F8E7E1, #FF9244, #CC7D00, #8C6400, #433400)

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