Tempered Coast color palette — #FCF2F9 · #EDD4D2 · #BAD6C2 · #BA6F5F · #473C44

Caramel and Oat set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#FCF2F9): a clean, paper-quiet neutral.
• Bone (#EDD4D2): A whisper-light, dusty orange — the color of autumn markets.
• Oat (#BAD6C2): A whisper-light, dusty teal — the color of sea glass.
• Caramel (#BA6F5F): A luminous, balanced orange — the color of sun-warmed clay.
• Charcoal (#473C44): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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

• Terracotta Grove color palette (#FAF2F8, #E9D5D2, #A4C5B4, #9E5146, #4B3948)
• Dusty Veranda color palette (#F8F2FF, #EFD2DC, #DDB5B8, #B06D94, #443C4C)
• Ancient Bronze Drift color palette (#F0F8F1, #C4E3E3, #A8C7CF, #A48039, #344536)
• Dusty Ember color palette (#FAF4F0, #E0DCCF, #9CB8B9, #E6643A, #562500)
• Amber Thicket color palette (#FFE7EF, #BE7100, #4E460E, #381C28, #190D15)
• Tempered Study color palette (#EFF8F3, #D1DEE1, #ACB1BC, #84A496, #4D5451)
• Aged Mustard color palette (#FFDFD7, #E2B667, #84986A, #626F94, #414270)
• Antique Alley color palette (#ECE1E4, #B3CBBB, #8FACA3, #895200, #291B20)

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