Tempered Coast color palette — #FFF2EC · #BF0D00 · #005944 · #002747 · #040000

Brick takes the lead with Pine close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Brick (#BF0D00): A full-bodied, vivid orange — the color of sun-warmed clay.
• Pine (#005944): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#002747): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Energy, Balance. Tagged jewel, vibrant.

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

• Tempered Loft color palette (#FFF2EA, #A34800, #004A45, #031066, #040000)
• Plum Basin color palette (#FFF2F0, #C1005F, #145401, #002B34, #020007)
• Pale Bronze color palette (#FFEFE2, #B56100, #005E25, #00283F, #050004)
• Patina Amber Workshop color palette (#FFECC5, #D56600, #675200, #00313D, #080300)
• Nocturne Veranda color palette (#EADBE2, #7A3800, #003809, #00192D, #040001)
• Tangerine Meadow color palette (#FFD6CB, #EF8206, #805300, #3B2F00, #060600)
• Antique Corridor color palette (#FFF2EA, #E0DBC2, #C6B9A4, #904928, #140A05)
• Dusty Nightshade color palette (#FFF3E6, #D07500, #006F72, #2F1AAE, #0B0002)

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